html{font-family:Winky Sans,tahoma,verdana;font-size:16px}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.8em;font-family:Handlee,tahoma,verdana}h1{font-size:24px}h2{font-size:20px}body{background-color:#000}.content{background:#ffffff0d;width:70%;margin:50px auto 0;padding:10px;position:relative;box-shadow:0 0 35px #000}#stars{z-index:-1;position:fixed;inset:0}.neon{color:#fff;text-shadow:0 0 2px #fff,0 0 3px #ffc,0 0 5px #ffa,0 0 7px #ff4,0 0 9px #ff0;font-size:16px}video{float:right;padding:1em}li,h1,h2,h3,h4{color:#eee}a:visited{color:#c77}a{color:#e99}p{color:#ccc}.shark.attack{-o-transition:left ease-in 2s, bottom ease-in 2s;transition:left 2s ease-in,bottom 2s ease-in;bottom:-150px;left:0}.menu-links{background:#ffffff0d;gap:14px;margin:0;padding:0;list-style-type:none;display:flex;position:absolute;top:0;right:0}.menu-links a{color:#fff;font-size:14px;text-decoration:none}@media screen and (max-width:500px){.content{width:95%;margin-top:10px}#box{position:absolute;top:-200px;left:-200px}}svg{display:block}path{stroke:#c8c8c8;stroke-width:10px;fill:#0000}path:first-child{animation-delay:0s}path:nth-child(2){animation-delay:1s}path:nth-child(3){animation-delay:2s}path:nth-child(4){animation-delay:3s}path:nth-child(5){animation-delay:4s}path:nth-child(6){animation-delay:5s}path{stroke-dasharray:500;stroke-dashoffset:500px;animation-name:draw;animation-duration:2s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes draw{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}