html{
font-size: 16px;
background-image: url(https://mush001.neocities.org/fantasticmrfoxbg.jpg);
cursor: url("https://mush001.neocities.org/fox.png"), auto;
scrollbar-width: none;
}

.all{
display: flex;
flex-direction: column;
}

.body {
    background-color: rgba(240, 248, 255, 0);
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    height: 1050px;
    border-radius: 20px;
}

.header{
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 40px;
   margin-top: 10px;
   font-family: Mystery Quest;
   color: rgb(233, 201, 21);
   text-shadow: 1px 1px 0 #f1ecee, 1px -1px 0 #f1ecee, -1px 1px 0 #f1ecee, -2px -2px 0 #f1ecee, 2px 0px 0 #f1ecee, 0px 2px 0 #f1ecee, -2px 0px 0 #f1ecee, 0px -2px 0 #f1ecee;
}

.basic{
display: flex;
flex-direction: column;
overflow-y: auto;
margin-top: 20px;
width: 200px;
height: 300px;
margin-left: 5px;
border-radius: 20px;
color: #f1ecee;
border: 1px dotted #f1ecee;
padding: 10px;
font-size: 16px;
scrollbar-width:none;
background-image: url(https://mush001.neocities.org/fantasticcore.jpg);
background-size: 150%;
}

.currently{
display: flex;
flex-direction: column;
overflow-y: auto;
margin-top: 50px;
margin-bottom: 50px;
width: 250px;
height: 250px;
margin-left: 250px;
border-radius: 20px;
color: hsl(18, 83%, 98%);
border: 1px dotted #f1ecee;
padding: 2.5px;
font-size: 16px;
scrollbar-width:none;
background-image: url(https://mush001.neocities.org/fantastictree.jpg);
background-size: 120%;
align-items: center;
}

.interests{
display: flex;
flex-direction: column;
overflow-y: auto;
width: 500px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
color: hsl(18, 83%, 98%);
border: 1px dotted #f1ecee;
padding: 2.5px;
font-size: 16px;
scrollbar-width:none;
align-items: center;
background-image: url(https://i.pinimg.com/1200x/6f/bb/b6/6fbbb6e3965446b840aeefe62625e909.jpg);
background-size: 100%;
}

.imgR{
display: flex;
flex-direction: row;
margin-left: 250px;
position:absolute;
margin-top: -270px;
}

.imgL{
display: flex;
flex-direction: row;
margin-left: px;
position:absolute;
margin-top: -300px;
}


.home {
position: fixed;
height: 50px;
margin-top: 44%;
margin-left: 2%;
flex-direction: row;
transition: transform 0.5s ease;
}
.home:hover {
  transform: scale(1.35) rotate(10deg);
}