@font-face{font-family:EBGaramand-semi-bold;src:url(/_next/static/media/EBGaramond-SemiBold.7a4893c32900b69a5c12775a69b055bc.ttf)}.header{width:100%;background-color:#00f;position:sticky;top:0;z-index:1;padding:5px 0}.header .container{width:90%;margin:0 auto}.header .container .menu-btn{visibility:hidden}.flex{display:flex}ul{flex-grow:1;list-style-type:none;justify-content:flex-end;margin:0}ul li:not(:last-child){margin-right:30px}ul li{line-height:60px}ul li a{text-decoration:none;display:block;color:#fff;text-align:center;padding:3px;width:100%;transition:all .6s ease-in}ul li a:hover{background-color:#000;color:red}.open-menu{transform:translateX(0)!important}.main-screen{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);cursor:pointer;transition:opacity .8s}@media(max-width:600px){.header .container{justify-content:space-between}.header .container .menu-btn{visibility:visible}.header .container ul{justify-content:flex-start;z-index:2;position:fixed;right:0;top:0;height:100vh;background-color:hsla(0,0%,100%,.9);border-left:1px solid #d6d6d6;flex-direction:column;transform:translateX(100%);transition:transform .8s}.header .container ul li{background-color:#000;margin:8px 8px 0}}.clock{text-decoration:none;display:block;color:#fff;text-align:center;padding:3px;width:100%}.clock:hover{background-color:#000}.container{background-image:url(/images/hero-gray.jpg);background-position:50%;background-attachment:fixed;background-size:cover;font-family:Bahnschrift,Times,serif;-webkit-backdrop-filter:grayscale(30%);backdrop-filter:grayscale(30%)}.container .fake-div{transition:height .3s ease-in-out;height:0}.container .fake-div.shows{height:157.2px}#checkbox{top:5px;right:18vw;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;width:60px;height:22px;background:#000;border-radius:22px;outline:none;z-index:11}#checkbox,#checkbox:before{position:absolute;cursor:pointer}#checkbox:before{content:"";width:32px;height:18px;background-color:#fff;border-radius:35px;top:2px;left:2px;transition:.3s linear}#checkbox:checked+.container{background:#131212;color:#fff}#checkbox:checked+.container .side-bar{background:#313131}#checkbox:checked:before{left:25.6px}#checkbox:checked{background:#0cb151}@media(max-width:800px){.container{flex-direction:column}#checkbox{position:fixed}}.get-in-touch{width:100%;padding-left:16px}.get-in-touch .get-in-touch-links{display:flex;margin-left:17px}.get-in-touch .get-in-touch-links>*{margin-right:6px;transform:translate(-1.03rem)}.get-in-touch a{text-decoration:none;color:unset;color:#000}@media(max-width:800px){.get-in-touch{position:relative;left:-38px;width:-moz-fit-content;width:fit-content}.get-in-touch>*{transform:none}}.side-bar{padding:30px 0 0;flex:1 1;display:flex;flex-direction:column;background-color:rgba(247,105,105,.726);align-items:center;transition:.4s ease;width:100%;position:sticky;top:0;z-index:10}.side-bar h3,.side-bar h4{margin:0 auto;text-align:center}.side-bar .name{margin-top:8px;font-size:1.8rem}.side-bar img{cursor:pointer;border-radius:50%;background-color:#8b8a8a}.side-bar .buttons{margin:10px 0 0 30px;display:flex;flex-direction:column;width:100%}.side-bar button{padding:0;margin:15px 0;background-color:unset;border:0;outline:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;border-radius:24px;text-align:inherit}.side-bar button:hover{color:#fff}.side-bar button:hover .hidden{visibility:visible}.side-bar button .hidden{visibility:hidden}.none{display:none!important}.menu-btn{left:90.5vw;position:relative;display:none;justify-content:center;align-items:center;width:40px;height:45px;cursor:pointer;transition:all .5s ease-in-out}.menu-btn__burger,.menu-btn__burger:after,.menu-btn__burger:before{width:25px;height:3px;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(255,101,47,.2);transition:all .5s ease-in-out}.menu-btn__burger:after,.menu-btn__burger:before{content:"";position:absolute}.menu-btn__burger:before{transform:translateY(-16px)}.menu-btn__burger:after{transform:translateY(16px)}.menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger:before{transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger:after{transform:rotate(-45deg) translate(35px,35px)}@media(max-width:800px){.side-bar{padding:0;flex-direction:row;flex:0 1;max-width:100vw;height:auto}.side-bar h3,.side-bar h4,.side-bar img,.side-bar p{display:none!important}.side-bar .buttons{visibility:hidden!important;background-color:inherit;opacity:0;position:absolute;z-index:1;top:45px;right:0;left:0;margin:0;transition:opacity .5s ease-in-out}.side-bar .buttons button{text-align:center}.side-bar .buttons.show{visibility:visible!important;opacity:1!important}.side-bar .buttons button:hover{transform:none}.side-bar div.menu-btn{display:flex!important}}.flicker-in-1{animation:flicker-in-1 3s linear both}@keyframes flicker-in-1{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1}30.5%{opacity:1}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1}55%{opacity:1}55.1%{opacity:0}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1}85%{opacity:1}85.1%{opacity:0}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}.portfolio-container{max-width:100vw;margin:0 auto}.portfolio-container .projects{display:grid;grid-template-columns:1fr;grid-gap:11px;gap:11px;padding:8px}@media(max-width:800px){.portfolio-container .projects{grid-template-columns:1fr}}.project{transition:all .3s ease-in-out;padding:3px}.project .buttons{display:flex;justify-content:space-between}.project .buttons .myButton{background-color:#d25a4d;border-radius:28px;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:17px;padding:16px 31px;text-decoration:none;text-shadow:0 1px 0 #2f6627;border:1px solid #941e00}.project .buttons .myButton:hover{background-color:#f50e0e}.project .buttons .myButton:active{position:relative;top:1px}.project .buttons .red{border:1px solid #941e00;background-color:#d25a4d;text-shadow:0 1px 0 #ed2f00}.project .buttons .red:hover{background-color:#f50e0e}.project:hover{box-shadow:-1px 0 30px 0 rgba(50,50,50,.81);transform:scale(1.05)}.project>*{padding-left:3px}.project h1{margin:5px 0}.project .badges p{font-weight:700;margin:3px 0}.project .badges img{margin-right:6px}.about-container{display:flex;height:100%;justify-content:center}.about-container .center{width:100%;display:flex;flex-direction:column}.about-container .center pre{white-space:pre-wrap;font-family:EBGaramand-semi-bold;text-shadow:2px 2px 2px #fff;width:80%;font-size:1.5rem;display:block;word-spacing:.5rem;line-height:2;color:#000;margin-top:2rem;margin-left:2rem}.about-container .center pre span{display:block}.about-container .center .about-buttons{display:flex;flex-direction:column;max-width:-moz-fit-content;max-width:fit-content;margin-left:20px;margin-top:20px}.about-container .center .about-buttons button{cursor:pointer;animation:slide-in-fwd-center 1s cubic-bezier(.25,.46,.45,.94) 1.5s both;margin-top:10px;transition:transform .5s ease-in-out;color:#b94d4c;background-color:unset;border:2px solid #fff;font-size:1.5em;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.about-container .center .about-buttons button:hover{background-color:#000}.about-container .center .about-buttons button:last-of-type{margin-bottom:10px;animation:slide-in-fwd-center 1s cubic-bezier(.25,.46,.45,.94) 1.7s both}.white{color:#fff}@media(max-width:800px){.about-container .center{justify-content:center}.about-container .center pre{width:90%;margin:0 auto}.about-container .center .about-buttons button{color:#f0f8ff;text-shadow:2px 2px 2px #525151}}@keyframes an{0%{opacity:0;transform:perspective(500px) translate3d(-35px,-40px,-150px) rotate3d(1,-1,0,35deg)}to{opacity:1;transform:perspective(500px) translateZ(0)}}@keyframes slide-in-fwd-center{0%{transform:translateZ(-1400px);opacity:0}to{transform:translateZ(0);opacity:1}}.middle{width:100%;height:50%;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);border-radius:5px;background-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.middle .contact{display:flex;flex-direction:column;max-width:400px}.middle .contact .left{float:right}body{font-size:1.2rem}ul{padding:0}