@font-face {font-family: "work-sans"; src: url('https://nyanakaru.neocities.org/media/fonts/work-sans.otf');}
@font-face {font-family: "rubik"; src: url('https://nyanakaru.neocities.org/media/fonts/rubik.ttf');}
@font-face {font-family: "rubik-l"; src: url('https://nyanakaru.neocities.org/media/fonts/rubik-light.ttf');}

*{padding:0; margin:0;scrollbar-width: thin; scrollbar-color: #999 #181818;}
*::-webkit-scrollbar {width: 10px; background:#181818;}
*::-webkit-scrollbar-thumb {Background:#999;}
hr{color:#333; margin-top:8px;}
a{text-decoration:none; color:#777;}
body{background:#181818; font-family: work-sans; color:#DDD; font-size:16px;}

.title {font-family:"work-sans"; color:#FFF; font-size:38px; margin-top:23px;}
.title > b {font-family:"rubik";}
.light {background:#fff; color:#111;}
.light > .title {color:#111;}
.nav {font-family:"work-sans"; background:#000; overflow:hidden; position:-webkit-sticky; position:sticky; top:0; z-index: 10;}
.nav-link {float:right; color:#FFF; padding:5px 12px; font-size:14px; border-left:solid 1px #222;}
.nav-link:hover {color:#000; border-left:solid 1px #222; background:#FFF;}
.nav-logo {float:left; overflow:hidden;}
.phone-nav-logo {float:left; overflow:hidden; display:none;}
.nav-logo-img{position:absolute; top:0px; height:29px; margin-left:7px; margin-top:2px;}
.video {width:600px; height:320px;}
.cover {width:450px; height:450px; overflow:hidden;}
.section-title {float:left; background:#fff; color:#000; padding:3px 5px; font-family:"rubik-l"; font-size:15px;}
.spacer {overflow:hidden;}

@media only screen and (max-width: 600px) {
  .title {font-size:31px; margin-top:15px; width:90%;}
  .nav-logo {display:none;}
  .phone-nav-logo {display:block;}

  .video {width:315px; height:180px;}
  .cover {width:300px; height:300px;}
  }