@charset "utf-8";

html, body { 
    margin: 0px;
    padding: 0px;
   }


body{
    color: #D694ff;
    background-color: black;
    font-family: "Mochiy Pop One";
} 

a{text-decoration: none;}
a:link {color: #333333;} 


#container{ 
   margin: 0 auto;
   max-width :390px;
   height: 1330px;
   background-image: url(img/haikei.jpg);
   background-position: center;
   background-attachment: fixed;
}

#title{
    margin: 0px;
    width: 100%;
    position:relative;
    top: -1265px;
}

#settei{
    margin-right: 20px;
    position:relative;
    top: 25px;
    display: grid;
    justify-content: flex-end;
}

#hureka{
    display: grid;
    justify-content: flex-end;
    position:relative;
    top: 50px;
    filter: drop-shadow(2px 2px 2px );
}

#plofile{
   margin: 10px; 
}
#name{
    margin-left: 65px;
    font-family: "Mochiy Pop One";
    font-size: 25px;
    text-shadow:
            4px 3px 2px white, -4px -3px 2px white,
           -4px 3px 2px white,  4px -3px 2px white,
            4px 0px 2px white, -4px -0px 2px white,
            0px 3px 2px white, 0px -3px 2px white;
    position:relative;
    top:35px;
}
#follow{
    margin-left: 30px;
    font-size: 12px;
    position:relative;
    top:10px;  
}
#hitokoto{
    text-align:center;
    font-size: 15px;
    position:relative;
    top:15px;
    left: -80px;
}
#aikonn{
    margin-right: 0px;
    margin-left:183px;
    position:relative;
    top:-140px;  
}
#botann{
    margin-left:260px;
    position:relative;
    top:-185px; 
}

#syasinn{
    height: 812px;
    position:relative;
    top:-145px;   
}

#menu1{
    margin: 38px;
    position:relative;
    top:-848px;
    font-size: 18px;
}

#menu2{
    margin: 60px;
    display: grid;
    justify-content: flex-end;
    position:relative;
    top:-955px;
    font-size: 18px;
}

#gazou1{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1010px;
    right: -10px;
}
#gazou2{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1195px;
    left:200px;
}

#gazou3{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1190px;
    left: 10px;
}

#gazou4{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1375px;
    left:200px;
}

#gazou5{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1370px;
    right: -10px;
}

#gazou6{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1555px;
    right: 10px;
    left:200px;
}

#gazou7{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1550px;
    right: -10px;
    
}

#gazou8{
    margin: 0px;
    width: 180px;
    position:relative;
    top:-1735px;
    right: 10px;
    left:200px;
}

#botann{
    display: flex;
    margin: auto; 
    position: fixed;
}

#ui{
    position:relative;
    position: fixed;
    bottom: 50px;
}

#toukou{
    margin: 17px;
    position:relative;
    position: fixed;
    bottom: 80px;
}
#siraberu{
    margin-left: 90px;
    position:relative;
    position: fixed;
    bottom: 70px;
}

#koukann{
    margin-left: 167px;
    position:relative;
    position: fixed;
    bottom: 68px; 
}

#chatto{
    margin-left: 232px;
    position:relative;
    position: fixed;
    bottom: 73px;
}

#plof{
    margin-left: 297px;
    position:relative;
    position: fixed;
    bottom: 95px;
}