.buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.button{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;border:none;border-radius:.5rem;font-family:"Roboto",sans-serif;font-size:1rem;width:100%}.button--primary{background-color:#007bff;color:#fff}.button--primary:hover{background-color:rgb(0,86.1,178.5)}.button--secondary{background-color:#b7b7b7;color:#fff}.button--secondary:hover{background-color:rgb(128.1,128.1,128.1)}.button--tertiary{background-color:#044589;color:#fff}.button--tertiary:hover{background-color:rgb(2.8,48.3,95.9)}.buttons>.button{width:45%}.latest-projects>button{width:calc(100vw - 3rem);margin:1.5rem auto}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;background-color:rgba(0,0,0,0);background-image:none;border:none}.button-line{position:absolute;top:3vw;margin:0 auto;margin-top:1.8vw;height:2.5vw;width:15vw;border-radius:.45rem;background-color:#fff;transition:all;transition-duration:500ms}.button-line::after{position:absolute;height:2.5vw;width:15vw;content:"";transform:translate(-7.5vw, 4vw) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);border-radius:.45rem;background-color:#fff;transition:all;transition-duration:500ms}.button-line::before{position:absolute;height:2.5vw;width:15vw;content:"";transform:translate(-7.5vw, -4vw) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);border-radius:.45rem;background-color:#fff;transition:all;transition-duration:500ms}.toggle-btn>div::after{transform:translate(-7.5vw, 0rem) rotate(-45deg) skewX(0) skewY(0) scaleX(1) scaleY(1)}.toggle-btn>div::before{transform:translate(-7.5vw, 0rem) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1)}.toggle-btn>div{transform:translate(0px, 0px) rotate(360deg) skewX(0) skewY(0) scaleX(1) scaleY(1);background-color:rgba(0,0,0,0)}@media only screen and (orientation: landscape){.button-line{margin-top:0vw;height:1vw;width:8vw}.button-line::after{height:1vw;width:8vw;transform:translate(-4vw, 2vw) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}.button-line::before{height:1vw;width:8vw;transform:translate(-4vw, -2vw) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}.toggle-btn>div::after{transform:translate(-4vw, 0rem) rotate(-45deg) skewX(0) skewY(0) scaleX(1) scaleY(1)}.toggle-btn>div::before{transform:translate(-4vw, 0rem) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1)}.toggle-btn>div{transform:translate(0px, 0px) rotate(360deg) skewX(0) skewY(0) scaleX(1) scaleY(1);background-color:rgba(0,0,0,0)}}.cards{display:flex;flex-wrap:wrap;gap:3rem 2rem;margin-bottom:1rem}.card{flex-direction:column;background-color:#b7b7b7;color:#fff;width:calc(100vw - 5rem);margin:0 auto;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.card--title{font-family:"Roboto",sans-serif;font-weight:bold;margin-bottom:0;font-size:1.5rem}@media(min-width: 968px){.card--title{font-size:clamp(1.5rem,30px,1.2)}}@media(min-width: 1024px){.card--title{font-size:clamp(1.5rem,40px,1.2)}}.card--link{margin-bottom:2rem}.card--image{width:100% !important;margin-bottom:0 !important}.card--text{margin-bottom:1rem;font-family:"Roboto",sans-serif;font-size:20px}@media(min-width: 968px){.card--text{font-size:clamp(20px,30px,24px)}}@media(min-width: 1024px){.card--text{font-size:clamp(20px,40px,24px)}}.card--featured{border:2px solid #007bff}.card--featured>.card--title{color:#007bff}@media only screen and (min-width: 968px){.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:3vw 2vw;margin-bottom:1rem}.card{width:24.5vw;margin:0;justify-content:flex-start}.card--title{font-size:1.1rem}}@media only screen and (min-width: 968px)and (min-width: 968px){.card--title{font-size:clamp(1.1rem,30px,1.2)}}@media only screen and (min-width: 968px)and (min-width: 1024px){.card--title{font-size:clamp(1.1rem,40px,1.2)}}@media only screen and (min-width: 968px){.card--text{font-size:20px !important}}@media only screen and (min-width: 968px)and (min-width: 968px){.card--text{font-size:clamp(20px !important,30px,22px)}}@media only screen and (min-width: 968px)and (min-width: 1024px){.card--text{font-size:clamp(20px !important,40px,22px)}}@media only screen and (min-width: 968px){.card--button{margin-top:auto}}@media only screen and (min-width: 1024px){.card--title{font-size:1.2rem}}@media only screen and (min-width: 1024px)and (min-width: 968px){.card--title{font-size:clamp(1.2rem,30px,1.2)}}@media only screen and (min-width: 1024px)and (min-width: 1024px){.card--title{font-size:clamp(1.2rem,40px,1.2)}}.form{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 1.5rem;width:calc(100vw - 3rem);border:none;font-family:"Roboto",sans-serif;font-size:20px}@media(min-width: 968px){.form{font-size:clamp(20px,30px,24px)}}@media(min-width: 1024px){.form{font-size:clamp(20px,40px,24px)}}.form--input{width:calc(100% - .75rem);padding:.75rem}.form--textarea{width:calc(100% - .75rem);padding:.75rem;margin-bottom:.75rem}.form--label{align-self:flex-start;padding:.75rem 0 .55rem 0}@media only screen and (min-width: 968px){.form{width:calc(100vw - 8rem - 3rem)}.form--input{width:calc(100% - .75rem);padding:.75rem}.form--textarea{width:calc(100% - .75rem);padding:.75rem;margin-bottom:.75rem}.form--label{align-self:flex-start;padding:.75rem 0 .55rem 0}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{background-color:#fff;font-size:20px;color:#212529;font-family:lato}@media only screen and (min-width: 768px){body{margin:0;height:100vh;width:100vw}}.header{background-color:#b7b7b7;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e0e0e0;position:fixed;top:0}.header .container{width:calc(100vw - 2rem);height:14.5vw;margin:0 auto;display:flex;justify-content:flex-start;align-items:start;padding:1rem 1rem}.header .logo{text-align:center;width:55%;height:auto;display:flex;justify-content:flex-start;align-items:center}.header .logo img{width:62%;z-index:50}.header .hamburger-button{position:relative;cursor:pointer;width:15vw;height:calc(14.5vw - 1rem);margin-left:auto;padding:0}.header .mobile-menu{position:absolute;top:calc(14.5vw + 2rem);z-index:50;background-color:#e0dbdb;color:#212529;width:100%;font-size:1.875rem;line-height:2.25rem;display:flex;flex-direction:column;justify-content:center;transform-origin:top}.header .hidden{display:none}.header .main-menu{display:none}@keyframes open-menu{0%{transform:scaleY(0)}80%{transform:scaleY(1.2)}100%{transform:scaleY(1)}}.animate-open-menu{animation:open-menu .5s ease-in-out forwards}@media only screen and (min-width: 968px){.hamburger-button{display:none}.header{width:calc(100vw - 16rem);display:flex;justify-content:space-between;align-items:center;height:6.5vw;padding:0 8rem}.header .container{width:10vw;height:auto;margin:0;display:flex;justify-content:flex-start;align-items:start;padding:0}.header .logo{text-align:center;width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center}.header .logo img{width:100%;z-index:50}.header .main-menu{display:block}}@media only screen and (max-width: 967px)and (orientation: landscape)and (max-width: 967px){.header .container{height:6.5vw}.header .logo{width:30%}.header .logo img{width:70%}.header .hamburger-button{height:6.5vw;width:10vw}.header .mobile-menu{top:calc(14.5vw - 2.7rem)}}#mobile-menu .navigation{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem}#mobile-menu .navigation .navigation__list{display:flex;flex-direction:column;gap:1.5rem;list-style:none}#mobile-menu .navigation .navigation__link{text-decoration:none;text-align:center;width:100%;color:#333;font-weight:500;padding-top:1rem;padding-bottom:1rem}#mobile-menu .navigation .navigation__link:hover{opacity:.9}#main-menu .navigation{display:flex;flex-direction:row;min-height:0;align-items:center;padding-top:0;padding-bottom:0}#main-menu .navigation .navigation__list{display:flex;flex-direction:row;gap:2rem;list-style:none}#main-menu .navigation .navigation__link{text-decoration:none;text-align:center;width:100%;color:#333;font-weight:500;padding-top:1rem;padding-bottom:1rem;font-size:30px}@media(min-width: 968px){#main-menu .navigation .navigation__link{font-size:clamp(30px,30px,35px)}}@media(min-width: 1024px){#main-menu .navigation .navigation__link{font-size:clamp(30px,40px,35px)}}#main-menu .navigation .navigation__link:hover{opacity:.9;color:#007bff}#main{background-color:#e0dbdb;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:auto;margin-top:calc(14.5vw + 2rem);padding:0;text-align:center}#main img{width:100vw;margin-bottom:2vw}#main section h1{color:#343a40;margin-top:0;font-size:30px}@media(min-width: 968px){#main section h1{font-size:clamp(30px,30px,50px)}}@media(min-width: 1024px){#main section h1{font-size:clamp(30px,40px,50px)}}#main section h2{color:#343a40;margin-top:0;font-size:30px}@media(min-width: 968px){#main section h2{font-size:clamp(30px,30px,50px)}}@media(min-width: 1024px){#main section h2{font-size:clamp(30px,40px,50px)}}#main section .intro{width:96vw;padding:4vw;height:auto;background-color:#b7b7b7}#main section p{padding:1.5rem;font-size:20px}@media(min-width: 968px){#main section p{font-size:clamp(20px,30px,24px)}}@media(min-width: 1024px){#main section p{font-size:clamp(20px,40px,24px)}}#main .latest-projects{margin-top:1.5rem;width:100vw;background-color:#f3f3f3}#main .latest-projects h2{padding:1.5rem;width:calc(100vw - 3rem)}#main .contact{margin:1.5rem 0;width:100vw;background-color:#e0dbdb}#main .contact h2{padding:1.5rem;width:calc(100vw - 3rem);margin:0}@media only screen and (min-width: 968px){#main{margin-top:6.5vw}#main img{width:49%;margin-bottom:0;margin-right:1vw}#main section h1{font-size:25px}}@media only screen and (min-width: 968px)and (min-width: 968px){#main section h1{font-size:clamp(25px,30px,30px)}}@media only screen and (min-width: 968px)and (min-width: 1024px){#main section h1{font-size:clamp(25px,40px,30px)}}@media only screen and (min-width: 968px){#main section h2{font-size:25px}}@media only screen and (min-width: 968px)and (min-width: 968px){#main section h2{font-size:clamp(25px,30px,30px)}}@media only screen and (min-width: 968px)and (min-width: 1024px){#main section h2{font-size:clamp(25px,40px,30px)}}@media only screen and (min-width: 968px){#main section .intro{margin-left:1vw;width:49%}#main .bio{display:flex;flex-direction:row;justify-content:space-between;width:calc(100vw - 4rem);padding:4rem 2rem;margin:0 auto}#main .latest-projects{display:flex;flex-direction:column;margin-top:1.5rem;width:calc(100vw - 4rem);padding:4rem 2rem;background-color:#f3f3f3}#main .latest-projects h2{padding:1.5rem;width:calc(100vw - 3rem)}#main .contact{width:calc(100vw - 8rem);padding:0 4rem}#main .contact h2{padding:1.5rem;width:calc(100vw - 8rem - 3rem);margin:0}}@media only screen and (orientation: landscape){#main{margin-top:6.5vw}#main section .intro{width:auto}}.footer{background-color:#343a40;padding:2rem 0;text-align:center;font-size:.9rem;color:#fff}/*# sourceMappingURL=main.css.map */