@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);#home-page{align-items:center;display:flex;justify-content:center}.scene{height:220px;margin-top:-10%;-webkit-perspective:1500px;perspective:1500px;position:absolute;width:220px}.cube{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube,.cube__face{height:100%;width:100%}.cube__face{background:#000;border-radius:10px;opacity:.6;position:absolute}.cube--left{-webkit-transform:rotateY(90deg) translateZ(0);transform:rotateY(90deg) translateZ(0);-webkit-transform:rotateY(90deg) translateZ(var(--_spacing));transform:rotateY(90deg) translateZ(var(--_spacing))}.cube--right{-webkit-transform:rotateY(-90deg) translateZ(0);transform:rotateY(-90deg) translateZ(0);-webkit-transform:rotateY(-90deg) translateZ(var(--_spacing));transform:rotateY(-90deg) translateZ(var(--_spacing))}.cube--bottom{-webkit-transform:rotateX(-90deg) translateZ(0);transform:rotateX(-90deg) translateZ(0);-webkit-transform:rotateX(-90deg) translateZ(var(--_spacing));transform:rotateX(-90deg) translateZ(var(--_spacing))}.cube--top{-webkit-transform:rotateX(90deg) translateZ(0);transform:rotateX(90deg) translateZ(0);-webkit-transform:rotateX(90deg) translateZ(var(--_spacing));transform:rotateX(90deg) translateZ(var(--_spacing))}.cube--back{-webkit-transform:rotateY(180deg) translateZ(0);transform:rotateY(180deg) translateZ(0);-webkit-transform:rotateY(180deg) translateZ(var(--_spacing));transform:rotateY(180deg) translateZ(var(--_spacing))}.cube--front{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateZ(var(--_spacing));transform:translateZ(var(--_spacing))}:root{--_rx:0;--_ry:0;--_rz:0;--_ang:180deg;--_spacing:0px}.spinning{-webkit-transform:rotate3d(0,0,0,180deg);transform:rotate3d(0,0,0,180deg);-webkit-transform:rotate3d(var(--_rx),var(--_ry),var(--_rz),var(--_ang));transform:rotate3d(var(--_rx),var(--_ry),var(--_rz),var(--_ang));transition:-webkit-transform 3s ease-in-out;transition:transform 3s ease-in-out;transition:transform 3s ease-in-out,-webkit-transform 3s ease-in-out}#text-wrapper{color:#fff;display:flex;flex-direction:column;font-size:50px;font-weight:700;height:50%;margin-top:-10%;width:100%}#text-wrapper p{color:#fff;margin:0 0 0 calc(20px + 12%);mix-blend-mode:difference;transition:all .4s ease-in-out}#text-wrapper div{display:flex}#text-wrapper div p:nth-child(3){margin-left:5px}#shortcuts{display:flex;flex-direction:column;font-family:Poppins;font-size:25px;left:calc(95% - 200px);position:absolute;top:calc(100vh - 200px)}@media screen and (max-width:500px){#shortcuts{right:-10px}}#shortcuts a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#shortcuts p{color:#000;cursor:pointer;font-style:italic;font-weight:600;margin:5px;mix-blend-mode:normal}#shortcuts p:before{background-color:var(--highlight_color);content:" ";height:4px;margin-top:1.3em;position:absolute;transition:width .3s ease-in-out;width:0}#shortcuts p:hover:before{width:100%}#about-page{display:inline-block;font-family:Poppins;margin-left:10%;width:80%}#about-page h2{font-size:40px;line-height:1em;margin:0}#about-page hr{margin:25px 0 25px -30px}@media screen and (max-width:500px){#about-page h2{margin-top:50px}}#about-page p{margin-bottom:30px;max-width:600px}#project-page{font-family:Poppins;justify-content:center}#project-content,#project-page{align-items:center;display:flex}#project-content{flex-direction:column;justify-content:space-around;margin-bottom:20px;width:60vw}#project-previs{border-radius:0 0 30px 30px;cursor:pointer;height:auto;margin-top:calc(var(--navbar_total_height)*-1);max-height:70vh;object-fit:cover;width:100%}#header{align-items:center;display:flex;justify-content:space-between;margin:0;width:100%}#header h2{font-size:40px;line-height:1em;margin-left:20px;vertical-align:middle}#arrow-back{align-items:center;-webkit-animation:oscilate 2.5s ease-in-out infinite;animation:oscilate 2.5s ease-in-out infinite;cursor:pointer;display:flex}@-webkit-keyframes oscilate{0%{color:#000}50%{color:grey}}@keyframes oscilate{0%{color:#000}50%{color:grey}}#project-content hr{margin:0;width:100%}#project-text{margin-top:20px;width:100%}#project-text section{margin-bottom:40px}#project-text section p{margin-left:10px}@media screen and (max-width:800px){#project-content{margin-top:var(--navbar_total_height);width:90%}#project-previs{border-radius:30px}}@media screen and (max-width:500px){#project-content{margin-top:calc(var(--navbar_total_height) + 40px)}}#project-links{display:flex;justify-content:right;margin-bottom:20px;width:100%}@media screen and (max-width:500px){#projects-links{justify-content:space-around}}#project-links button{align-items:center;background-color:var(--background_color);border:none;border-radius:5px;box-shadow:3px 3px 10px hsla(0,0%,47%,.255);cursor:pointer;display:flex;font-family:Poppins;font-size:1.1em;justify-content:space-between;margin-left:30px;padding:15px 20px;transition:box-shadow .2s ease-in-out}#project-links button:hover{box-shadow:3px 3px 10px hsla(0,0%,47%,.507)}#project-links button svg{margin-right:10px}#work-page{color:#1b1b1b;display:flex;flex-direction:column;height:calc(100vh - var(--navbar_total_height) - var(--footer_height));margin-left:10%;width:80%}#work-page h2{font-size:40px;margin:0}#work-page>hr{background-color:#000;height:1px;margin:20px 0 0;width:100%}#content{display:flex;height:75%;justify-content:right}@media screen and (max-width:500px){#work-page h2{margin-top:40px}}#projects-list{-ms-overflow-style:none;cursor:pointer;height:auto;list-style:none;margin-right:20px;overflow-x:hidden;overflow-y:scroll;padding:0;scrollbar-width:none;width:40%}@media screen and (max-width:1100px){#projects-list{margin-right:40px}}#projects-list::-webkit-scrollbar{display:none}#projects-list li{align-items:center;display:flex;font-size:1.4rem;margin-left:-25px;transition:margin-left .3s ease-in-out}#projects-list li:hover{margin-left:0}#projects-list li p{margin:10px 0}.arrow{align-items:center;display:flex;margin-right:6px}#projects-list li hr{margin:10px 0}#projects-previs{align-items:top;display:flex;justify-content:center;position:relative;width:50%}@media screen and (max-width:900px){#projects-previs{display:none}#projects-list{margin-right:0;width:90%}#projects-list hr{width:100%}}#img-container{align-items:center;border-radius:0 0 30px 30px;display:flex;justify-content:center;margin-right:-1px;margin-top:-1px;overflow:hidden}#img-container,#projects-previs img{height:100%;position:absolute;width:100%}#projects-previs img{object-fit:cover;opacity:0;transition:all .3s ease-out,opacity .4s ease-out}#projects-previs img.visible{height:110%;opacity:1;width:110%}#work-page.failed-loading,#work-page.loading{align-items:center;display:flex;flex-direction:column;justify-content:center}#work-page.failed-loading p,#work-page.loading p{font-family:Poppins;font-size:20px;font-weight:700;margin-top:-40px}.loader{font-size:16px;height:5.5em;position:relative;width:5.5em}.loader:before{background:#212121;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:4px}.loader:after{-webkit-animation:rollingRock 2.5s cubic-bezier(.79,0,.47,.97) infinite;animation:rollingRock 2.5s cubic-bezier(.79,0,.47,.97) infinite;background-color:#f1e615;border-radius:15%;bottom:.18em;content:"";height:1em;left:.2em;position:absolute;width:1em}@-webkit-keyframes rollingRock{0%{-webkit-transform:translateY(-1em) rotate(-45deg);transform:translateY(-1em) rotate(-45deg)}5%{-webkit-transform:translateY(-1em) rotate(-50deg);transform:translateY(-1em) rotate(-50deg)}20%{-webkit-transform:translate(1em,-2em) rotate(47deg);transform:translate(1em,-2em) rotate(47deg)}25%{-webkit-transform:translate(1em,-2em) rotate(45deg);transform:translate(1em,-2em) rotate(45deg)}30%{-webkit-transform:translate(1em,-2em) rotate(40deg);transform:translate(1em,-2em) rotate(40deg)}45%{-webkit-transform:translate(2em,-3em) rotate(137deg);transform:translate(2em,-3em) rotate(137deg)}50%{-webkit-transform:translate(2em,-3em) rotate(135deg);transform:translate(2em,-3em) rotate(135deg)}55%{-webkit-transform:translate(2em,-3em) rotate(130deg);transform:translate(2em,-3em) rotate(130deg)}70%{-webkit-transform:translate(3em,-4em) rotate(217deg);transform:translate(3em,-4em) rotate(217deg)}75%{-webkit-transform:translate(3em,-4em) rotate(220deg);transform:translate(3em,-4em) rotate(220deg)}to{-webkit-transform:translateY(-1em) rotate(-225deg);transform:translateY(-1em) rotate(-225deg)}}@keyframes rollingRock{0%{-webkit-transform:translateY(-1em) rotate(-45deg);transform:translateY(-1em) rotate(-45deg)}5%{-webkit-transform:translateY(-1em) rotate(-50deg);transform:translateY(-1em) rotate(-50deg)}20%{-webkit-transform:translate(1em,-2em) rotate(47deg);transform:translate(1em,-2em) rotate(47deg)}25%{-webkit-transform:translate(1em,-2em) rotate(45deg);transform:translate(1em,-2em) rotate(45deg)}30%{-webkit-transform:translate(1em,-2em) rotate(40deg);transform:translate(1em,-2em) rotate(40deg)}45%{-webkit-transform:translate(2em,-3em) rotate(137deg);transform:translate(2em,-3em) rotate(137deg)}50%{-webkit-transform:translate(2em,-3em) rotate(135deg);transform:translate(2em,-3em) rotate(135deg)}55%{-webkit-transform:translate(2em,-3em) rotate(130deg);transform:translate(2em,-3em) rotate(130deg)}70%{-webkit-transform:translate(3em,-4em) rotate(217deg);transform:translate(3em,-4em) rotate(217deg)}75%{-webkit-transform:translate(3em,-4em) rotate(220deg);transform:translate(3em,-4em) rotate(220deg)}to{-webkit-transform:translateY(-1em) rotate(-225deg);transform:translateY(-1em) rotate(-225deg)}}#contact-page{display:inline-block;font-family:Poppins;font-size:larger;margin-left:10%;width:80%}#contact-page h2{font-size:40px;line-height:1em;margin:0}#contact-page hr{margin:25px 25px 25px 0;width:100%}#contact-wrapper{display:flex}#contact-text{align-items:center;display:flex;flex-direction:column;margin-left:10%;text-align:center}#contact-text p{font-family:Poppins;margin:20px 0 0}#contact-text em{color:#000;cursor:pointer;font-weight:700}#clipboard-success-msg{background-color:#171717;border-radius:40px;color:#fff;font-size:.8em;margin-top:0;opacity:0;padding:20px 30px;transition:all .4s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#clipboard-success-msg.visible{margin-bottom:40px;margin-top:40px;opacity:1}@media screen and (max-width:1000px){#contact-wrapper{display:block}#contact-text{text-wrap:balance;margin:20px 0 0}}@media screen and (max-width:500px){#contact-page h2{margin-top:50px}}#email-form-container{display:flex;flex-direction:column;width:45%}#error-msg{color:red;font-size:16px;margin:0;padding:0 5px 10px}#email-form{display:flex;flex-direction:column}#email-form-top{display:flex;justify-content:stretch;width:100%}#email-form-top input{width:50%}input,textarea{border:1px solid #000;font-size:large;margin:5px;padding:10px}textarea{font-family:Roboto,sans-serif;height:100px;resize:vertical}#form-bottom{display:flex}#form-btn{background-color:#fff;border:1px solid #000;cursor:pointer;font-size:large;margin:5px;padding:10px 60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:1000px){#email-form-container{margin-left:2.5%;width:95%}#form-btn{width:calc(100% - 10px)}}#loader{align-items:center;display:flex;justify-content:center}#loader.loading div{-webkit-animation:spinning 1.3s ease-out infinite;animation:spinning 1.3s ease-out infinite;border:4px solid #919191;border-radius:100px;border-top:4px solid var(--highlight_color);height:30px;width:30px}@-webkit-keyframes spinning{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinning{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#loader.failure{color:red}#loader.failure,#loader.success{-webkit-transform:scale(1.3);transform:scale(1.3);transition:all .5s cubic-bezier(0,1.58,1,1.48),color 0ms ease}#loader.success{color:#22da22}#menu-page{display:inline-block;font-family:Poppins;margin-left:10%;width:80%}#menu-list{font-size:50px;font-style:italic;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;list-style-type:none;margin-left:10%;margin-top:50px;width:400px}@media screen and (max-width:500px){#menu-list{margin-left:0;margin-top:200px}}@media screen and (max-width:500px) and (max-height:800px){#menu-list{margin-top:20%!important}}#menu-list li{cursor:pointer;margin:0;transition:margin-left .3s ease-in-out}hr{margin:5px 5px 5px -30px;width:400px}#menu-list li:hover{margin-left:20px}.lastPage{color:var(--highlight_color);margin-left:-50px!important}.lastPage:hover{margin-left:0!important}footer{align-items:center;background-color:var(--highlight_color);display:flex;height:var(--footer_height);justify-content:space-between;width:100%}#copyright{color:var(--footer_font_color);font-weight:600;margin-left:40px}#footer-links{align-items:center;display:flex;justify-content:space-between;margin-right:30px;margin-top:5px;width:120px}.link{color:var(--footer_font_color);cursor:pointer}#navbar{align-items:center;background-color:var(--background_color);display:flex;height:var(--navbar_height);justify-content:space-between;margin-bottom:var(--navbar_margin_bottom);margin-left:6%;margin-top:var(--navbar_margin_top);width:88%}@media screen and (max-width:500px){:root{--navbar_margin_top:30px!important;--navbar_margin_bottom:0px!important}}#name-wrapper{background-color:initial;cursor:pointer;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-left:-25px}#name-wrapper img{aspect-ratio:1;height:90px;margin-top:5px}#navbar-right{justify-content:right}#language-selection,#navbar-right{align-items:center;display:flex;height:100%}#language-selection{font-size:1.1em;font-weight:700;overflow:hidden}#language-selection p{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:-65px 25px 0 0;transition:margin-top .4s cubic-bezier(0,1.58,1,1.48),color .2s ease-out}#language-selection p:first-child{transition:margin-top .6s cubic-bezier(.78,-.06,.22,2.32),color .2s ease-out}#language-selection p.visible{margin-top:-5px}#menu-btn{align-items:center;background-color:initial;border:none;display:flex;height:50px;justify-content:center;margin:0;overflow:hidden;padding:0;width:50px}#menu-btn:hover{cursor:pointer;-webkit-transform:rotate(0);transform:rotate(0)}#menu-btn-content{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:33% 33% 33%;height:80%;transition:-webkit-transform .4s cubic-bezier(0,1.58,1,1);transition:transform .4s cubic-bezier(0,1.58,1,1);transition:transform .4s cubic-bezier(0,1.58,1,1),-webkit-transform .4s cubic-bezier(0,1.58,1,1);width:80%}.dot{align-self:center;border:3px solid #000;border-radius:100px;height:30%;justify-self:center;transition:all .4s cubic-bezier(0,1.58,1,1);width:30%}.hor-cent,.vert-cent{grid-column-end:2;grid-column-start:2;grid-row-end:2;grid-row-start:2}#menu-btn.state-1 .vert-cent,#menu-btn.state-2 .vert-cent{height:250%}#menu-btn.state-1 .hor-cent,#menu-btn.state-2 .hor-cent{width:250%}#menu-btn.state-1 .dot{margin:0}#menu-btn.state-1 .dot:nth-child(2),#menu-btn.state-2 .dot:nth-child(2){margin-top:-300%}#menu-btn.state-1 .dot:nth-child(4),#menu-btn.state-2 .dot:nth-child(4){margin-left:-300%}#menu-btn.state-1 .dot:nth-child(7),#menu-btn.state-2 .dot:nth-child(7){margin-right:-300%}#menu-btn.state-1 .dot:nth-child(9),#menu-btn.state-2 .dot:nth-child(9){margin-bottom:-300%}#menu-btn.state-2 #menu-btn-content{height:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%}#menu-btn.state-2 .dot:first-child{margin-left:-200%;margin-top:-200%;transition:margin .6s ease-out}#menu-btn.state-2 .dot:nth-child(3){margin-right:-200%;margin-top:-200%;transition:margin .6s ease-out}#menu-btn.state-2 .dot:nth-child(8){margin-left:-200%;margin-top:200%;transition:margin .6s ease-out}#menu-btn.state-2 .dot:nth-child(10){margin-left:200%;margin-top:200%;transition:margin .6s ease-out}:root{--background_color:#fdfdfd;--highlight_color:#f2e357;--navbar_height:40px;--navbar_margin_top:70px;--navbar_margin_bottom:50px;--navbar_total_height:calc(var(--navbar_height) + var(--navbar_margin_top) + var(--navbar_margin_bottom));--footer_height:70px;--footer_font_color:#363636}body{background-color:#fdfdfd;background-color:var(--background_color);font-family:Roboto;margin:0}#root{height:100vh;margin:0;overflow-x:hidden;position:absolute;width:100vw}.page{min-height:calc(100vh - 230px);min-height:calc(100vh - var(--navbar_total_height) - var(--footer_height));width:100%}em{color:#f2e357;color:var(--highlight_color);font-size:inherit;font-style:normal;isolation:isolate}.unselectable{-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.a195b1f3.css.map*/