
@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon:XROT,YROT@8,9&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
h1{
    text-align: center;
    color: snow;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
h2, h3, p {
    margin: 0;
    padding: 0;
  }
html{
    background-image: url(/images/snowglowey.jpg);
    background-repeat: no-repeat;
    background-color: #7e87ee8c;
}
.shape{
    position: absolute;
    background-image: url(/images/snowglowey3.jpg);
    background-color: #6668d49d;
    background-color: #7e87ee8c;
    background-blend-mode:luminosity ;
    width: 1000px;
    height: fit-content;
    left:300px;
    top: 100px;
    border-radius: 4%;
    box-shadow: 0 0 10px snow,0 0 20px snow;
    padding: 0px;
    text-shadow: 0 0 3px snow;
    font-family: "Montserrat";
    border-bottom-right-radius:0 ;
}
.shape p{
    font-family: 'Tilt Neon';
}
.anilist li{
    padding: 0px;
    margin: 0px;
    border-bottom-style:dashed ;
    border-color: azure;
    height: fit-content;
    list-style-type: none;
}
.anilist h2{
    color: white;
    text-align: center;
   
}
.anilist a{
    color:white
}
.anilist a:hover{
    color:blueviolet
}
.top{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;

}
.top h3{
    position: absolute;
    right:70px;
}
.card{
    display: flex;
    align-items: flex-start;
}
.card img{
    
    width:200px;
    height: 240px;
    margin-left: 10px;
    border-radius: 5%;
    margin-bottom: 10px;
}
.card p{
    border: none;
    text-align: start;
    padding-top: 0px;
    padding-left: 10px;
}

.anotherlist li{
    display: inline-block;
    align-items: center;
    list-style-type: none;
    margin: 0px;
}
.anotherlist{
    margin-left: 70px;
    margin-top:30px;
    height:500px;
    overflow-y: scroll;
}
.anocontainer{
    position: relative;
    width:250px;
    margin: 10px;
    padding: 0px;
    height:fit-content;
    padding:0px;
    margin:0px;
}
.anocontainer img{
    display:block;
    height: 270px;
    width: 240px;
    border-radius: 7%;
    margin: 0px;
}
.other p{
    border: none;
}

