@font-face{font-family:Arial;font-style:normal;font-weight:400;src:local("Arial"),local("Raleway");font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:800;src:url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif}.flex-container{display:flex;height:100vh}.left-block,.right-block,.right-container{flex:1}.right-container{display:flex;flex-direction:column}a{color:#fff;text-decoration:none;font-size:1.5em;letter-spacing:.15em;transition:font-size .2s,letter-spacing .2s;text-align:center}a:hover{font-size:1.75em;letter-spacing:.2em}a>h1{z-index:1}.no-webp .dev,.no-webp .photo,.no-webp .san,.webp .dev,.webp .photo,.webp .san{background-size:cover;background-position:center;background-repeat:no-repeat}.webp .dev{background-image:url(/img/dev.webp)}.no-webp .dev{background-image:url(/img/dev.jpg)}.webp .photo{background-image:url(/img/photo.webp)}.no-webp .photo{background-image:url(/img/photo.jpg)}.webp .san{background-image:url(/img/popculture.webp)}.no-webp .san{background-image:url(/img/popculture.jpg)}.block{width:100%;position:relative;display:grid;justify-items:center;align-items:center}.block::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(1,1,1,.75);transition:background .2s,text-shadow .2s}.block:hover::before{background:rgba(1,1,1,.5)}.block:hover>h1{text-shadow:0 0 10px rgba(255,255,255,.3)}@media (max-width:1200px){a,a:hover{font-size:1.25em}.flex-container{flex-direction:column}.block{flex:none;height:calc(100vh / 3)}.block:hover::before{background:rgba(1,1,1,.75)}.block:hover>h1{text-shadow:none}a{transition:none}a:hover{letter-spacing:.15em}}