@font-face{font-family:neon-pixel;src:url(/fonts/neon_pixel-7.woff2)format("woff2")}@font-face{font-family:nunito;src:url(/fonts/Nunito.woff2)format("woff2")}header{height:208px;display:flex;justify-content:center}@media screen and (max-width:700px){header{height:180px}}header .header-content{background:#303030;width:700px;max-width:100vw;position:relative;overflow:hidden;box-shadow:0 0 5px 5px #c528fc}header .header-content>a:hover,header .header-content>a:focus,header .header-content>a:active,header .header-content>a:not(.btn):hover,header .header-content>a:not(.btn):focus,header .header-content>a:not(.btn):active{opacity:90%;font-style:unset}header .header-content .logo{font-family:nunito,serif;font-size:55px;color:#fff;position:absolute;transform-origin:left;transform:rotateZ(-5deg)translate(15px,34px)skew(-5deg);text-shadow:2px 2px 0 #000,0 0 8px #db77ff,0 0 8px #db77ff,0 0 8px #db77ff,0 0 20px #ce48fe,0 0 20px #ce48fe,0 0 25px #c528fc}@media screen and (max-width:700px){header .header-content .logo{font-size:45px;transform:rotateZ(-5deg)translate(15px,30px)skew(-5deg)}}header .header-content .stripes{position:absolute;width:200vw;transform-origin:left;transform:rotateZ(-5deg)translate(-20px,110px)}@media screen and (max-width:700px){header .header-content .stripes{transform:rotateZ(-5deg)translate(-20px,95px)}}header .header-content .stripes .stripe{height:30px}@media screen and (max-width:700px){header .header-content .stripes .stripe{height:20px}}header .header-content .stripes .stripe.top,header .header-content .stripes .stripe.bottom{background:#00ffe6}header .header-content .stripes .stripe.middle{background:#fff}header .header-content .stripes .stripe.middle:after{font-family:neon-pixel,serif;font-size:25px;content:"I like Programming, Surfing, and Friendship";display:inline-block;transform:translate(30px);line-height:35px}@media screen and (max-width:700px){header .header-content .stripes .stripe.middle:after{font-size:18px;transform:translate(25px,-6px)}}header .header-content .sun{position:absolute;top:-80px;right:20px;width:180px;height:180px;background:linear-gradient(90deg,#69088a,#c736ff);border-radius:100%}header .header-content .sun .stripes{width:100%;height:100%;transform:none;border-radius:100%;background:linear-gradient(rgba(255,255,255,0) 87px,rgba(255,255,255,.9) 87px,rgba(255,255,255,.9) 92px,rgba(255,255,255,0) 92px,rgba(255,255,255,0) 112px,rgba(255,255,255,.8) 112px,rgba(255,255,255,.8) 117px,rgba(255,255,255,0) 117px,rgba(255,255,255,0) 137px,rgba(255,255,255,.7) 137px,rgba(255,255,255,.7) 142px,rgba(255,255,255,0) 142px,rgba(255,255,255,0) 162px,rgba(255,255,255,.6) 162px,rgba(255,255,255,.6) 167px,rgba(255,255,255,0) 167px,rgba(255,255,255,0) 187px)}@media screen and (max-width:550px){header .header-content .sun{display:none}}header .header-content .nav{position:absolute;right:20px;bottom:10px;display:flex;flex-wrap:nowrap}@media screen and (max-width:700px){header .header-content .nav{bottom:5px;right:5px}}header .header-content .nav a{padding:0 .5em;color:#c2c2c2}@media screen and (max-width:700px){header .header-content .nav a{font-size:.95em}}