/* 
erikraynal.com 
03-2021

an @atn.zone website 
*/

html{height:100%;overflow:hidden;position:relative}html.page-about{background-image:url(../img/bg-about.jpg);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#888}body{height:100%;overflow:auto;overflow-x:hidden!important;position:relative;scroll-behavior:smooth;font-family:Archivo,sans-serif;font-weight:400;font-size:1.25vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;color:#000;-webkit-animation:fadein 5s;-moz-animation:fadein 5s;-ms-animation:fadein 5s;-o-animation:fadein 5s;animation:fadein 5s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}.noscroll{overflow:hidden}a,a:active,a:hover,a:visited{color:#000;text-decoration:none;outline:0}.container{width:40vw;position:relative;margin:0 0 0 auto}header{width:100vw;position:fixed;top:2.75vh;z-index:99999;display:table-row;font-size:80%;font-weight:500}header h1{font-size:100%;font-weight:500;display:table-cell;width:20vw}header nav{font-size:100%;display:table-cell}header a:hover{font-weight:600}header a::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:700}footer{position:relative;width:100vw;margin-top:-4vh;margin-bottom:2vh;font-size:50%}footer a{text-decoration:underline}main{width:100vw;max-width:100vw;position:relative;left:0;top:0;display:flex;flex-direction:row;flex-wrap:wrap}main article{width:50vw;height:100vh;display:table-cell;position:relative}main article .wrapper{display:block;position:absolute;cursor:pointer}main article .wrapper img{height:100%;width:auto;transition:opacity .8s ease-in;display:block}main article .wrapper video{width:100%;height:auto;transition:opacity .5s ease-out;display:block}main article .wrapper .hover{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-out}main article .wrapper video.hover{transition:opacity .2s ease-out}main article .wrapper .hover:hover{opacity:1;transition:opacity .75s ease-out}.left{left:0}.right{right:0}.top{top:0}.bottom{bottom:0}.x-center{left:50%;transform:translateX(-50%)}.y-center{top:50%;transform:translateY(-50%)}.z-center{top:50%;left:50%;transform:translate(-50%,-50%)}.cinemaWrapper{position:fixed;width:100%;height:100%;overflow:hidden;background-color:#fff;z-index:9999999;left:0;top:0;display:none;cursor:url(../img/cursor.svg) 0 0,pointer;cursor:url(../img/cursor-32.png) 0 0,pointer;cursor:-webkit-image-set(url("../img/cursor-32.png") 1x, url("../img/cursor-64.png") 2x) 0 0,pointer;scroll-behavior:smooth}.cinemaWrapper *{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.cinemaWrapper video{position:relative;left:50%;transform:translateX(-50%);max-height:100%!important}body.about main{font-size:80%;min-height:100vh}body.about main p:first-child{margin-top:15vh}body.about main p{width:95%;line-height:130%;margin-bottom:4%}body.about main p.separator{margin-top:10%}body.about main a{display:block;width:50%;line-height:130%}body.about main a:hover{font-weight:500}.push{padding-bottom:5vh}@media only screen and (max-width:926px){body{font-size:2.5vw}header{width:100vw;position:fixed;top:1.5vh;z-index:99999;display:table-row;font-size:80%;font-weight:500}header h1{font-size:100%;font-weight:500;display:table-cell;width:50vw}.container{width:94vw;position:relative;margin:0 auto 0 auto}footer{position:relative;width:100vw;margin-top:-1vh;margin-bottom:1vh;font-size:50%}main{width:100vw;max-width:100vw;position:relative;left:0;top:5vh;display:block;flex-direction:column;flex-wrap:wrap}main article{display:block;width:100%;height:auto}main article .wrapper{width:100%;height:auto!important;position:relative}main article .wrapper img,main article .wrapper video{width:100%;height:auto;transition:opacity .5s ease-out;display:block}main article .wrapper .image{display:none!important}main article .wrapper .hover{opacity:1!important;position:relative}.left,.right{left:0!important}.bottom,.top{top:0!important}.x-center{left:0!important;transform:translateX(0)!important}.y-center{top:0!important;transform:translateY(0)!important}.z-center{top:0!important;left:0!important;transform:translate(0,0)!important}body.about main{min-height:calc(95vh - 12vh);margin-bottom:5vh}body.about main p{width:100%;margin-bottom:3%}body.about main p.separator{margin-top:6%}body.about main p:first-child{margin-top:5vh}body.about footer{display:block;position:relative;width:100vw;margin-top:7vh;margin-bottom:2vh;font-size:50%;height:3vh}}@media only screen and (max-width:769px){body{font-size:3vw}}@media only screen and (max-width:600px){body{font-size:3.5vw}body.about main{font-size:100%}}@media only screen and (max-width:450px){body{font-size:5vw}}