@font-face{font-family:Humane-Regular;src:url(/fonts/Humane-Regular.ttf) format("truetype")}@font-face{font-family:Humane-SemiBold;src:url(/fonts/Humane-SemiBold.ttf) format("truetype")}:root{--color-white: #FFFFFF;--background-color: #DDDCD8;--text-color: var(--color-dark-gray);--color-dark-gray: #202021;--color-light-gray: #DDDCD8;--hero-color: #202021;--color-green: #0CCA08;--border: .03125em solid #202021;--color-light-white: rgba(255, 255, 255, .24)}[data-theme=dark]{--hero-color: white;--border: .03125em solid #202021}*{font-family:Roboto,sans-serif;color:var(--text-color);box-sizing:border-box}*,:after,:before{overflow-wrap:break-word;box-sizing:inherit}body{background:var(--background-color);font-family:Arial,sans-serif;margin:1em;padding:0;-webkit-font-smoothing:antialiased;text-size-adjust:100%;overscroll-behavior:none}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}h1{font-family:Humane-Regular,sans-serif;font-size:6.25em;font-weight:100}h2{font-size:1.5em;font-weight:100;margin-bottom:1em}a{text-decoration:none}.big-title{font-size:25em;font-family:Humane-SemiBold,sans-serif;margin:0;padding:0;line-height:.6;display:flex;overflow-wrap:break-word;color:var(--color-light-gray)}.title-container{width:fit-content}.title-container:hover>span{color:var(--color-light-gray);cursor:pointer}.title-style{font-size:3.5em;line-height:3rem;margin-right:.25em;letter-spacing:-.0125em}.description-style{font-size:1em;margin-left:.25em}.project-container{width:fit-content}.project-container:hover *{color:var(--color-light-white)}.name{fill:var(--hero-color)}.name-container{display:flex;justify-content:flex-end;align-items:baseline;width:100%;margin-top:3.375em}li{position:relative;cursor:pointer}li:not(:first-child):after{content:"";position:absolute;bottom:-.125em;left:0;width:100%;height:.0625em;background-color:#202021;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}li:not(:first-child):hover:after{transform:scaleX(1);transform-origin:left}button{cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;padding:.5em 1em;font-size:1em;text-transform:uppercase;background-color:transparent;border:.03125em solid #202021;color:#202021;transition:transform .3s ease-in-out}button:hover{background-color:#202021;color:#dddcd8}button:hover>svg{transform:rotate(45deg);fill:#dddcd8;transition:transform .3s ease}.page-container{display:flex;flex-direction:column;height:100%;overflow:auto;scrollbar-width:none}.section-style{display:flex;flex:1;overflow:hidden;margin-top:.5em;gap:.5em}.left-container{display:flex;flex-direction:column;gap:.5em;flex:.5;border:var(--border);padding:3.375em}.left-container img{margin-top:3em;align-self:center}.right-container{display:flex;flex-direction:column;flex:1;border:var(--border);overflow-y:auto}.description-wrapper{display:flex;flex-direction:column;gap:1em;margin-top:3.375em;width:70%;line-height:2em;text-transform:uppercase}.button-wrapper{display:flex;gap:1em;margin-top:3.375em}.image-wrapper{display:flex;flex-direction:column;margin:.5em;gap:.5em;height:auto;overflow:auto}.video-style{width:auto;height:100%}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1.5em;border:var(--border)}.square{width:1.25em;height:1.25em;background-color:var(--color-dark-gray)}.list{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;gap:2rem}.cv-style{background-color:var(--color-green);padding:.5em 1em;border-radius:1em;color:var(--color-light-gray)}.photo-about{border:.03125em solid #202021;margin-top:0vh;width:100%}.about-description-wrapper{display:flex;flex-direction:column;padding:3.375em;gap:2em}.about-description{font-size:1.5em;text-transform:uppercase}.contact-wrapper{display:flex;margin-top:.5em;gap:.5em;height:100%}.contact-left{display:flex;flex-direction:column;gap:.5em;flex:.6;overflow:auto}.contact-right{display:flex;flex-direction:column;gap:.5em;flex:1;overflow:auto;border:.03125em solid #202021;padding:.5em}.item1{flex:1;display:flex;flex-direction:column;justify-content:start;padding:1.5em;border:.03125em solid #202021}.item2{display:flex;align-items:center;margin:0;padding:0;gap:.5em}.item3{border:.03125em solid #202021;height:100%;background-image:url(/assets/archi-DMgHroUp.png);background-size:cover;background-position:center;background-repeat:no-repeat}form{display:flex;flex-direction:column;gap:.5em;height:100%;box-sizing:border-box}input{width:100%;padding:1em;border:.03125em solid #202021;background-color:transparent;color:#202021}.form-group{display:flex}.form-group-text-area{display:flex;height:100%}textarea{display:flex;width:100%;padding:1em;border:.03125em solid #202021;background-color:transparent;color:#202021}.form-button{display:flex;justify-content:center;width:100%;background-color:#202021;color:#dddcd8;padding:1em}@media (max-width: 1200px){.section-style{flex-direction:column;overflow:visible}.contact-wrapper{flex-direction:column}.contact-left{border:.03125em solid #202021;flex:none}.item1{border:none;padding:.5em}.item3{display:none}.left-container,.right-container,.contact-left{padding:.5em;margin:0;flex:none;overflow:hidden;flex-direction:row;justify-content:space-between}.left-container img,.right-container img,.contact-left img{width:100%;background-color:#add8e6}.left-container p,.right-container p,.contact-left p{font-size:1.5em}.left-container{flex-direction:column}}@media (max-width: 500px){button{font-size:.75em}button>svg{width:2em;height:2em}.big-title{font-size:6.25em}.title-style{font-size:2em;color:#202021}.description-style{font-size:.75em}.section-style{flex-direction:column;overflow:visible}h1{font-size:3em}h2{font-size:1em}.left-container,.right-container,.contact-left{padding:.5em;margin:0;flex:none;overflow:hidden;gap:1em;flex-direction:row;justify-content:space-between}.left-container img,.right-container img,.contact-left img{margin-top:0}.left-container p,.right-container p,.contact-left p{font-size:.75em}.left-container{flex-direction:column}.description-wrapper,.about-description-wrapper{width:100%;padding:0;margin:0;line-height:1em}.button-wrapper{margin-top:0}.contact-wrapper{flex-direction:column}.contact-left{border:.03125em solid #202021!important;flex:none}.contact-right{flex:1.4}.item1{border:none!important;padding:.5em}.navbar-container{padding:1em!important}.square{width:1em;height:1em}.list{gap:.5rem;font-size:.5em}.title-container>span{display:flex;flex-direction:column;color:#202021!important}.title-container:hover>span{color:#202021!important}.name{fill:#202021}.image-wrapper,.home-container{overflow:hidden}}
