@import url("https://use.typekit.net/aos3ded.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:rodchenko, sans-serif;font-weight:700;font-style:normal}@font-face{font-family:'Brown';src:url("../font/Brown-Regular.eot");src:url("../font/Brown-Regular.eot?#iefix") format("embedded-opentype"),url("../font/Brown-Regular.woff") format("woff"),url("../font/Brown-Regular.ttf") format("truetype"),url("../font/Brown-Regular.svg#Brown-Regular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:'AG';src:url("../font/AkzidenzGroteskBE-Regular.eot");src:url("../font/AkzidenzGroteskBE-Regular.eot?#iefix") format("embedded-opentype"),url("../font/AkzidenzGroteskBE-Regular.woff") format("woff"),url("../font/AkzidenzGroteskBE-Regular.ttf") format("truetype"),url("../font/AkzidenzGroteskBE-Regular.svg#AkzidenzGroteskBE-Regular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:'AG Bold';src:url("../font/AkzidenzGroteskBE-Bold.eot");src:url("../font/AkzidenzGroteskBE-Bold.eot?#iefix") format("embedded-opentype"),url("../font/AkzidenzGroteskBE-Bold.woff") format("woff"),url("../font/AkzidenzGroteskBE-Bold.ttf") format("truetype"),url("../font/AkzidenzGroteskBE-Bold.svg#AkzidenzGroteskBE-Bold") format("svg");font-weight:400;font-style:bold}@font-face{font-family:'AG Italic';src:url("../font/AkzidenzGroteskBE-It.eot");src:url("../font/AkzidenzGroteskBE-It.eot?#iefix") format("embedded-opentype"),url("../font/AkzidenzGroteskBE-It.woff") format("woff"),url("../font/AkzidenzGroteskBE-It.ttf") format("truetype"),url("../font/AkzidenzGroteskBE-It.svg#AkzidenzGroteskBE-It") format("svg");font-weight:400;font-style:italic}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;overflow-x:hidden}body{position:relative;display:flex;flex-direction:column;background:white;color:black;font-family:"Brown";height:100vh;overflow-y:hidden}h1,h2,h3,h4{line-height:1em}h1{position:relative;display:inline-block;font-size:96px;font-family:"rodchenko";color:rgba(255,255,255,0.1);padding:24px;padding-left:unset;text-transform:uppercase;letter-spacing:4px;line-height:75%;overflow:hidden;background:linear-gradient(to right, red 50%, black 50%);background-clip:text;-webkit-background-clip:text;background-size:200% 50%;background-position:100%;transition:background-position 1s ease-in-out;cursor:initial}h1:hover{background-position:-100%}h1::first-letter{margin-left:-5px}h2{font-size:14px;font-family:"AG"}h2:last-child{padding-bottom:24px}h3{font-size:12px;padding-bottom:16px}h4{font-size:36px;font-weight:bold;padding-bottom:24px}h5{font-size:12px}p:not(:last-of-type){padding-bottom:24px}@media (max-width: 1256px){body{height:100%;overflow-y:scroll}}@media (max-width: 640px){html,body{overflow-x:hidden}}@media (max-width: 640px) and (max-width: 350px){h1{font-size:72px}}a{color:black;text-decoration:none;cursor:pointer}a:hover{color:red}ul li:not(last-child){padding-bottom:4px}li.coming-soon a{position:relative}li.coming-soon a:hover{color:lightgrey;cursor:not-allowed}li.coming-soon a:hover:after{content:'coming soon';font-size:10px;margin:0 8px;color:red;display:inline;text-decoration:unset}a.external:hover:after{content:'';display:inline-block;width:12px;height:12px;margin:0 6px;background-image:url(../gfx/external.png);background-size:contain;background-repeat:no-repeat}em{font-style:italic}header{margin-left:24px;width:600px;border-bottom:1px solid black}main{display:flex;align-items:flex-start;padding:24px;padding-top:72px;width:100%;min-height:100%;font-size:18px}footer{z-index:1;position:absolute;bottom:0;left:24px;padding-top:24px;width:600px;background-color:white;border-top:1px solid black}@media (max-width: 1256px){main{flex-direction:column-reverse;padding-top:unset}footer{position:relative}}@media (max-width: 640px){header{margin-left:unset;margin:0 auto;width:calc(100% - 48px)}footer{bottom:unset;left:unset;margin:0 auto;width:calc(100% - 48px)}}article{z-index:1;position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;max-width:600px;height:calc(100% - 144px);padding-right:100px;overflow-y:scroll}div.list{width:50%;padding:48px 0 24px}div.extra{display:none;padding-top:24px;font-size:14px;font-family:"AG";color:darkgrey}div.extra li a{position:relative;color:darkgrey;cursor:pointer}div.extra li a:hover{color:red}div.extra li a:hover:before{z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;content:'';display:block;background:cyan}@media (max-width: 1256px){article{z-index:1;max-width:unset;background-color:white}}@media (max-width: 640px){article{max-width:unset;padding-right:unset}div.list{width:100%;padding:48px 0}div.list:nth-of-type(n+2){padding-top:0}}@media (max-height: 710px) and (min-width: 1256px){article p:first-of-type:after{position:absolute;top:0;right:0;content:'scroll →';display:inline-block;transform:rotate(90deg) translate(30px, -30px);color:red;margin:0 8px}article div.list{margin-bottom:190px}}aside{z-index:0;position:absolute;top:0;right:0;width:calc(100% - 624px);height:100%;transform:translateY(0);transition:transform 0.2s ease-in}aside section{position:relative;height:100%}section#rawonjon{overflow:hidden}section#privacy{border:24px solid red}section#privacy a{color:red}section#privacy div.card{overflow-y:scroll;overflow-x:hidden}@media (max-width: 1256px){aside{z-index:2;position:relative;display:flex;width:100vw;height:600px;margin:24px 0}section#rawonjon div.card{min-width:100vw}section#rawonjon div.card div.image{height:100%;background-position:center}section#privacy{z-index:5;position:absolute;top:48px;left:0;display:none;background:white;width:100vw;margin-left:-24px}body.active{position:unset;overflow-y:hidden}body.active main{position:absolute;top:0;left:0;bottom:0;right:0;min-height:100vh;background:peachpuff}body.active article{display:none}body.active aside{position:absolute;bottom:0;min-height:100vh}body.active section#privacy{display:block;overflow-y:scroll}body.active aside{position:unset}body.active header{transform:translateY(-100%)}body.active footer{display:none}}@media (max-width: 640px){aside{height:400px}}div.card{position:relative;display:block;height:100%;width:100%;margin:0 auto;perspective:500px;overflow:hidden;scrollbar-width:none}div.card::-webkit-scrollbar{display:none}div.image{z-index:2;position:absolute;top:0;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;height:100vh;width:100%}div.image.rawonjon{background-image:url(../gfx/jon-red.png)}div.image.rawonjon:first-child{filter:brightness(0)}div.image.rawonjon:nth-child(2){z-index:3;transform:translate(10px, 10px)}div.image.rawonjon:nth-child(3){z-index:1;transform:perspective(10px);transform:translate(-10px, -10px);filter:hue-rotate(220deg) brightness(300%)}div.text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;padding:24px;padding-top:48px;margin-left:auto;font-family:"Brown";color:black}div.text h5{padding:48px 0}div.text p,div.text a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}a.close{position:absolute;top:0;right:0;padding:24px;font-family:"Brown";text-transform:lowercase;font-size:12px}a.close :hover{color:black}@media (max-width: 640px){div.image{background-position:left}div.image.rawonjon:nth-child(2){transform:translate(100px, 0px);display:none}div.image.rawonjon:nth-child(3){transform:translate(-100px, 0px);display:none}}footer>div{padding-bottom:24px}div.social nav{display:flex;flex-direction:row}div.social a{display:block;height:24px;width:24px;margin-right:16px;background-repeat:no-repeat;background-size:cover;background-position:top}div.social a:hover{background-position:bottom}div.social a.instagram{background-image:url(../gfx/instagram.png)}div.social a.github{background-image:url(../gfx/github.png)}div.social a.twitter{background-image:url(../gfx/twitter.png)}div.contact{display:flex;flex-direction:column;font-size:16px}div.contact a:first-child{padding-bottom:4px}div.privacy{font-size:12px;color:darkgrey;cursor:pointer}div.privacy a{color:darkgrey;cursor:pointer}

/*# sourceMappingURL=style.css.map */