@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,200;0,300;0,500;1,200&family=Sen:wght@400;700;800&display=swap);.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}body{margin:0;padding:0}.main-content{flex-grow:1;padding-top:10vh}:root{--background-color:#fff;--font-color1:#2b2d42;--font-color2:#8d99ae;--font-highlight:#bca4a4;--accent-color:#d90429}h1,span{font-family:Josefin Sans,Arial,Helvetica,sans-serif;font-size:30px;font-weight:300}*,h1,span{color:#2b2d42;color:var(--font-color1)}*{background:#fff;background:var(--background-color);font-family:Sen,Arial,Helvetica,sans-serif}.home{flex-direction:column;min-height:100vh}.home,.white-background{align-items:center;display:flex;justify-content:center}.white-background{-webkit-animation:fade-in 3s ease-in-out;animation:fade-in 3s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.design-text{color:var(--accent-color)}.projects{-webkit-column-count:3;column-count:3;margin:10vh 2vw 2vh}.projectItem{display:inline-block;margin-bottom:12px;position:relative}.imageContainer{overflow:hidden;position:relative}.projectItem:hover{cursor:pointer;transition:.3s ease-in}.projectItem .bgImage{cursor:pointer;display:block;transition:all .35s ease}.overlay{background-color:#ffffffba;bottom:0;height:100%;left:0;opacity:0;position:absolute;transition:width .4s,opacity .4s;width:0}.projects .projectTitle{background-color:initial;color:var(--font-color1);font-size:24px;font-weight:400;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .4s}.projectItem:hover .overlay{opacity:1;width:100%}.projectItem:hover .projectTitle{opacity:1}.projectItem h1{font-size:20px}@media only screen and (max-width:991px){.projects{-webkit-column-count:2;column-count:2;padding:0 12px}}@media (max-width:480px){.projects{-webkit-column-count:1;-webkit-column-width:100%;columns:100% 1;margin-bottom:1vh;margin-left:0;margin-right:0}.projectItem{height:auto}}.about{align-items:center;display:flex;gap:3vw;justify-content:center;margin-bottom:2vh;margin-top:10vh;text-align:justify}.small-text,.text{display:flex;flex-direction:column;justify-content:space-between}.small-text{width:calc(35vw - 10px)}.text h1{margin-bottom:0;margin-top:0}.about p{flex-grow:1}@media (max-width:991px){.about{flex-direction:column;margin-left:6vw;margin-right:6vw}.about p{font-size:14px;width:auto}.about img{margin-bottom:3vh;order:-1;width:330px}.small-text{width:auto}}.contact{margin:10vh auto}.contact-container{display:flex;gap:1vw;justify-content:center;margin:10vh auto}.contact-container img{width:500px}@media (max-width:800px){.contact-container{align-items:center;flex-direction:column;margin:5vh 1vw}.contact-container img{width:80%}}@media (max-width:480px){.contact-container{flex-direction:column;margin:0}.contact-container img{width:80%}}form{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;width:25vw}input{border:1px solid #dcdcdc;border-radius:5px;height:35px;outline:none;padding:7px;width:100%;&:focus{border:2px solid var(--font-highlight)}}textarea{border:1px solid #dcdcdc;border-radius:5px;max-height:100px;max-width:100%;min-height:100px;min-width:100%;outline:none;padding:7px;width:100%;&:focus{border:2px solid var(--font-highlight)}}label{margin-top:1rem}input[type=submit]{background:var(--accent-color);border:none;color:#fff;cursor:pointer;margin-top:2rem}@media (max-width:800px){form{width:80vw}}.modalBackground{align-items:center;display:flex;justify-content:center;position:fixed}.modalContainer{background-color:var(--background-color);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:25px;width:250px}.modalContainer title{display:inline-block;margin-top:10px;text-align:center}.modalBody{font-size:12px}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:initial;border:none;color:var(--accent-color);cursor:pointer;font-size:18px;font-weight:700}.navbar{background:var(--background-color);height:100px;position:fixed;top:0;width:100%;z-index:1}.links{align-items:center;display:flex;gap:2vw;height:100%;justify-content:flex-start}.logo{margin:20px 0 20px 20px}.navbar a{color:var(--font-color1);font-size:18px;margin:14px 0;text-decoration:none}.navbar-elements{align-items:center;display:flex;justify-content:space-between;margin-left:2vw;margin-right:2vw}span{color:var(--accent-color)}.toggleButton{align-items:center;display:flex;height:100px;justify-content:flex-end;width:100%}.toggleButton svg{font-size:50px}.toggleButton button{background-color:initial;border:none;color:#fff;cursor:pointer;margin-right:12px;padding:0}#open{align-items:left;display:flex;height:100vh;margin-left:1vw}#open,#open .links{flex-direction:column}#open .links{justify-content:flex-start;margin-left:20px;margin-top:50px}#open a{text-align:left;width:100%}#open .logo{display:none}@media only screen and (max-width:600px){.toggleButton{display:flex;justify-content:space-between}#close .logo,#close a{display:none}.logo-small,.logo-small span{font-size:20px}.logo-small{margin-left:7.5vw}}@media only screen and (min-width:600px){.hiddenLinks,.toggleButton{display:none}#open{height:100px}#open .links{flex-direction:row}#open .logo{display:none}}.footer{align-items:center;background:var(--background-color);border-top:1px solid #2b2d4278;display:flex;height:54px;justify-content:space-around;margin-left:100px;margin-right:100px}.socialMedia svg{color:var(--font-color2);cursor:pointer;font-size:70px;margin:20px}.footer p{color:var(--font-color1);font-size:12px;margin:20px}@media only screen and (max-width:600px){.footer svg{font-size:36px}.footer{align-items:center;background:var(--background-color);border-top:1px solid var(--font-color1);flex-direction:column;height:80px;justify-content:flex-start;margin-left:24px;margin-right:24px}.footer p{margin:10px}.email{display:none}}.project-wrapper{display:flex;flex-direction:column}.back-button-wrapper{display:flex;justify-content:flex-end}.back-button-wrapper button{border:none;margin:0;padding:0}.back-button-wrapper i{color:var(--font-color1);font-size:24px;margin-right:36px;margin-top:24px}.back-button-wrapper i:hover{color:grey;cursor:pointer}.gallery{-webkit-column-count:2;column-count:2;padding:0 12px}.gallery .pics{cursor:pointer;margin-bottom:12px;transition:all .35s ease}.gallery .pics:hover{-webkit-filter:opacity(.8);filter:opacity(.8)}.project{margin-bottom:2vh;margin-left:2vw;margin-right:2vw}.project-info{text-align:left}.project-info h1{font-size:32px}.project-info h3{-webkit-margin-before:0;-webkit-margin-after:.2em;font-size:1.1em;font-weight:50;letter-spacing:.05em;margin-block-end:.2em;margin-block-start:0}.project-info p{-webkit-margin-before:1em;-webkit-margin-after:0;margin-block-end:0;margin-block-start:1em}.model{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;-webkit-transform:scale(0);transform:scale(0);transition:opacity .4s ease,visibility .4s ease,-webkit-transform .5s ease-in-out;transition:opacity .4s ease,visibility .4s ease,transform .5s ease-in-out;transition:opacity .4s ease,visibility .4s ease,transform .5s ease-in-out,-webkit-transform .5s ease-in-out;visibility:hidden;width:100%;z-index:999}.model.open{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.model img{box-sizing:border-box;display:block;height:auto;line-height:0;margin:0 auto;max-height:100%;max-width:100%;padding:20px 0;width:auto}.model.open svg{background-color:rgba(0,0,0,.4);color:#fff;cursor:pointer;height:2rem;padding:5px;position:fixed;right:10px;top:10px;width:2rem}@media (min-width:991px){.project{display:flex;gap:2vw;margin-top:10vh}.project-info{max-width:25vw;min-width:20vw}}@media (max-width:480px){.gallery{-webkit-column-count:1;-webkit-column-width:100%;columns:100% 1}.project{align-items:center}.project-info h1{margin-top:50px}}@media (max-width:800px){.project{align-items:center}.project-info{padding:0 12px}}
/*# sourceMappingURL=main.9febd02b.css.map*/