body{background:url(bg@80h.webp) fixed center/cover repeat;color:#fff;font-family:"Raleway",sans-serif;font-weight:100;height:100vh;margin:0;padding:0}.links > a,.links > div{color:#fff;padding:0 25px;font-size:14px;font-weight:600;letter-spacing:0.1rem;text-decoration:none}@media (max-width:768px){body{background:url(bg_main@80h.webp) fixed center/cover no-repeat}.playmusic{display:none !important}}.full-height{height:100vh}.flex-center{background:rgba(0,0,0,0.10);align-items:center;display:flex;justify-content:center}.position-ref{position:relative}.content{text-align:center;margin-top:-30vh}.title{font-size:55px;max-width:100%}.title small{font-size:45px}@media screen and (max-width:768px){.title small{font-size:25px}}.top-right{position:absolute;right:10px;top:18px;display:flex;justify-content:flex-end;align-items:center}.top-right a:hover,.top-right div:hover{color:#aaa}.nav1{position:relative;display:inline-flex;align-items:center}.nav2{top:100%;display:none;position:absolute;min-width:120px;left:-10px;background-color:rgba(255,255,255,0.6);border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:0.6;animation-duration:0.2s;animation-fill-mode:forwards}.nav2 a{display:block;padding:10px 10px;text-decoration:none;color:#333;border-bottom:1px solid #ddd;opacity:0;animation-name:fadeIn;animation-duration:0.3s;animation-delay:0.2s;animation-fill-mode:forwards;text-align:center}.nav2 a:hover{color:#fff}.nav2 a:last-child{border-bottom:none}.nav1:hover .nav2{display:block;animation-name:slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}