*{margin:0;padding:0}.main{position:relative;height:100vh;background-color:#000;color:#fff;font-family:Helvetica,sans-serif}body,html{margin:0;height:100%;overflow:hidden}.page__title h1{text-align:center;font-size:2rem}h2{font-size:1rem}h3{font-size:.7rem}.title{font-size:2rem}.fa{font-size:2rem;color:#fff;transition:.2s ease-in}.fa:hover{transform:scale(1.1)}.menu__group{max-height:400px;width:360px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#f__a_1{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}#f__a_2{position:absolute;top:50%;left:43.33%;transform:translate(-50%,-50%)}#f__a_3{position:absolute;top:50%;left:56.66%;transform:translate(-50%,-50%)}#f__a_4{position:absolute;top:50%;left:70%;transform:translate(-50%,-50%)}#circle___1{position:absolute;top:5%;left:1%;transform:translate(-50%,-50%);transform:scale(.2)}#music__title{position:absolute;bottom:42.5%;left:50%;transform:translate(-50%,-50%)}#credit__title{margin:auto;position:absolute;height:50px;bottom:50%;left:50%;transform:translate(-50%,-50%)}#scraps__title{position:absolute;bottom:42.5%;left:50%;transform:translate(-50%,-50%)}#log__title{position:absolute;bottom:42.5%;left:50%;transform:translate(-50%,-50%)}#contact__title{position:absolute;bottom:42.5%;left:50%;transform:translate(-50%,-50%)}#contact__title,#credit__title,#log__title,#music__title,#scraps__title{opacity:0;transition:.2s ease-in}.copyright__p{position:absolute;bottom:1%;left:50%;transform:translate(-50%,-50%)}.contact__info{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact__info p{font-size:.9rem;padding:5px}.contact__info a{color:#fff;text-decoration:none}.contact__title{max-height:400px;width:268px;position:absolute;margin:auto;bottom:19%;left:32%;transform:translate(-50%,-50%)}.music__title{max-height:400px;width:268px;position:absolute;margin:auto;bottom:19%;left:32%;transform:translate(-50%,-50%)}.music__list__scroll{max-height:400px;width:310px;margin:auto;position:absolute;overflow:scroll;overflow-x:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.music__list p{font-size:.9rem;padding:5px}.music__list a{color:#fff;text-decoration:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff}.scraps__title{max-height:400px;width:268px;position:absolute;margin:0;bottom:19%;left:32%;transform:translate(-50%,-50%)}.scraps__p{margin:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.log__title{max-height:400px;width:268px;position:absolute;margin:0;bottom:19%;left:32%;transform:translate(-50%,-50%)}.log__list__scroll{max-height:250px;width:310px;margin:auto;position:absolute;overflow:scroll;overflow-x:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.log__list p{font-size:1rem;padding:5px}.log__list a{color:#fff;text-decoration:none}#log1{position:absolute;bottom:50%;right:25%}#log2{position:absolute;bottom:50%;right:25%}#log3{position:absolute;bottom:50%;right:25%}#log4{position:absolute;bottom:50%;right:25%}#log5{position:absolute;bottom:50%;right:25%}#log6{position:absolute;bottom:50%;right:25%}#log7{position:absolute;bottom:50%;right:25%}#log8{position:absolute;bottom:50%;right:25%}#log9{position:absolute;bottom:50%;right:25%}#log10{position:absolute;bottom:50%;right:25%}#log11{position:absolute;bottom:50%;right:25%}#log12{position:absolute;bottom:50%;right:25%}#log13{position:absolute;bottom:50%;right:25%}#log14{position:absolute;bottom:50%;right:25%}#log15{position:absolute;bottom:50%;right:25%}#log16{position:absolute;bottom:50%;right:25%}#log17{position:absolute;bottom:50%;right:25%}#log18{position:absolute;bottom:50%;right:25%}