body{background-image: url(picc/bg.jpg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                margin-left: 30px;
                margin-right: 30px;
                
                




}
            h1{color:#ff7c99;
              font-family:"press Start 2P", "Impact, Haettenschweiler";
              border-top-style: dashed;
              border-top-width: 5px;
              border-top-color:#f78d9c;
              border-bottom-style: dashed;
              border-bottom-width: 5px;
              border-bottom-color:#f78d9c;
              padding-top: 5px;
              padding-bottom: 5px;
              border-left-style: double;
              border-left-width: 10px;
              border-left-color:#f66387;
              padding-left: 10px;
              border-right-style: double;
              border-right-width: 10px;
              border-right-color:#f66387;
              padding-right: 10px;
              background: linear-gradient(#f5a2ae, #ffe8ff);
              margin-left: auto;
              margin-right: auto;
              text-align: center;
              width: 1200px;
            
              




}

 .odd{color:#ffdde2;
     background: linear-gradient(to bottom,#f78d9c, #ffb9c3);
     font-family: Amatic SC
, "Verdana, Geneva, Tahoma, sans-serif";
    font-style: normal;
    font-weight: bold;
    text-decoration: #ffb9c3 wavy underline;
    font-size: 20px;
    border-style:solid;
    border-color: #f59fbc;
    border-radius: 10px;
    border-width:5px;
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    text-align-last: center;
    width: 200px;
    box-shadow: 1px 1px 5px #6e003e3c;
    text-shadow: 1px 1px 5px #6e003e4a;

}

.even{color:#df518b;
    background: linear-gradient(#fd97c6, #f27aa8);
    font-family: Caveat Brush  , "Georgia";
    font-style: italic;
    font-weight: normal;
    text-decoration: #fdc1da dotted underline;
    font-size: 18px;
        border-style: inset;
    border-color: #e76193;
    border-radius: 5px;
    border-width:3px;
    padding: 2px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 300px;
    box-shadow: 1px 1px 5px #6e003e3c;
    text-shadow: 1px 1px 5px #fff7fb4a;
}
.sex{color:#fc1c8273;
    background: linear-gradient(#fd97c6, rgba(246, 99, 135, 0));
    font-family: Old Standard TT  , "Georgia";
    font-style: normal;
    font-weight: bold;
    text-decoration: #f5a2ae dashed underline;
    font-size: 18px;
    border-style: double;
    border-color: #ffb9c3;
    border-radius: 5px;
    border-width: 2px;
    padding: 2px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: fit-content;
    text-shadow: 1px 1px 2px #6e003e5c;
    box-shadow: 1px 1px 5px #6e003e3c;
}
.sailor{float: left;
       position: relative;
       top: 25px;
       left: 15px;
margin: 10px;
clear: left;
border-radius: 5px;
}

.sailortext{color:#fc1c8273;
    background: linear-gradient(#fd97c6, #f66387);
    font-family: cursive, "Georgia";
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    border-style: solid;
    border-color: #ffb9c3;
    border-radius: 15px;
    border-width:10px;
    padding: 2px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: fit-content;
    text-shadow: 2px 1px 2px #6e003e7d;

}
.cutesy{margin-left: 100px;
       
    
    
    
    
    
    
}

.hotext{position: relative;
    margin-left: auto;
    margin-right: auto;

    
    
    
}

#wind{
    position: absolute;
    align-self: center;

    
    
}

#cute{position: absolute;
    margin-top: 22px;
    margin-left: 15px;
    float: left;

}


#suc{ font-family: Impact, Haettenschweile;
    color: red;
    background: linear-gradient(#000000, #a00000);
    border-color: firebrick;
    border-width:15px;
    border-radius: 5px;
    padding: 5px;
       
}
a:link{color: #ff8798}
a:visited{color: #ffd6dc}
a:hover{color: #f52543}
a:active{color: #a10017}
    
button:hover{background-color: #fac3cb}
button:active{background-color: #ff7a8e}
    
#butt{font-family:"Press Start 2P";
    color:  deeppink;
    background-color: hotpink;
    border-color: lightpink;
    padding: 10px;
    width: 500px;
    }

#list{font-family: Amatic SC;
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
    color: #ad2358;
    text-align: center;
}
  
#boomlist{font-family: Caveat Brush;
    color:#d43d77;
    text-align: center;  
    background-color:  #ffe3f3;
    border-radius: 5px;
}

li:nth-child(odd){
    background-color:  #faa2c4;
    border-radius: 5px;
    
    
    
}
li:nth-child(even){
    background-color: #ffd4e4 ;
    border-radius: 5px;
}
#whacha{
   font-family: cursive;
    font-style: italic;
    transform: skewX(20deg);
   
}

.fa-square-youtube{
    color: hotpink;
}

.fa-music{
    color: hotpink;
    
    
}
#goof{
    
transform: skewX(40deg)
    scaleX(2);
    
    
}

.epic{
    color: hotpink;
    font-family: cursive;
    font-weight: bold;
    
    
    
}


.yamate:active{
        animation: epiks;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    
    
}





@keyframes epiks{
    from{margin-left: 0%;}
    to{margin-left: 100%;}
    
}



#bole:active{
    
  animation: inflate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    
    
    
    
}

@keyframes inflate{
    50%{
        transform: scale(5.0, 5.0);
        
        
    }
    
    
    
    
    
}