@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0;text-align:left}html{font-size:16px;scroll-behavior:smooth;& *{scroll-margin-top:90px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--black:#2b2b2b;--grey:#272727;font-family:Poppins,sans-serif;margin:0;padding:0}img{width:100%}button{border:none}section{display:flex;min-height:93vh}strong{font-weight:600}.title{font-size:3.5rem}.small-title,.smaller-title{font-size:2rem}.text{font-size:1.25rem}@media screen and (max-width:600px){.title{font-size:2.5rem}.small-title{font-size:2rem}.smaller-title{font-size:1.5rem}.text{font-size:1rem}}header{background-color:#fff;box-shadow:0 1px 2px 0 hsla(0,0%,50%,.322);position:fixed;top:0;transition:all .2s ease-in-out;width:100%;z-index:997}header .nav-inner{align-items:center;display:flex;height:10vh;justify-content:space-between;margin:auto;max-width:1300px;overflow:hidden;padding:20px;position:relative;transition:height .2s ease-in-out}header .logo-container{width:60px}header .links-list{display:flex;list-style:none}header .links-list li{border-radius:4px;font-size:16px;margin:0 6px;padding:7px 10px;position:relative}header .links-list li:after{border-bottom:1px solid rgba(147,147,241,.239);content:"";display:block;height:1px;margin:auto;transition:all .2s ease-in-out;width:80%}header .links-list li:hover{filter:brightness(1.3)}header .links-list li:hover:after{border-color:rgba(62,77,110,.612);width:100%}header .links-list li a{color:#3e4d6e;font-weight:700;text-decoration:none}@media screen and (max-width:800px){header .nav-inner{height:13vh}header .logo-container{opacity:.1;position:absolute;width:158px}header .links-list{margin:auto}header .links-list li{border-radius:0;font-size:12px;margin:0 1px}}.about{background:#f9f9fb;min-height:100vh;overflow:hidden;padding-bottom:3vh;padding-top:7vh;position:relative}.about .container{align-items:center;display:flex;justify-content:space-between}.about .image-container{animation:fadeInFromBottom 1s ease-in forwards;margin:auto;max-width:38%;opacity:0;width:514px}.about .image-container img{filter:drop-shadow(2px 4px 4px grey)}.about .small-title{margin-bottom:-8px}.about .title{color:#6880b5}.about .small-title{color:#1c2f58}@media screen and (max-width:800px){.about{min-height:93vh;padding-top:16vh}.about .container{padding:1vh 15px 7vh}.about .image-container{margin-bottom:10px;max-width:300px;width:70%}}@media screen and (max-width:600px){.about .image-container{max-width:200px}}.about .image-container img{width:100%}.about .text-wrap{padding:0;width:50%}.about .text{font-size:1.25rem;margin-top:15px;max-width:60ch}@media screen and (max-width:800px){.about .small-title,.about .title{text-align:center}.about .title{font-size:2rem;margin-bottom:20px}.about .text{line-height:140%;text-align:center}.about .clicker-container{margin:3rem auto}}.clicker-container{background-color:#fff;border-radius:2px;box-shadow:0 0 2px 0 #75a1ff;height:50px;margin:3rem 0;position:relative;transform-style:preserve-3d;width:300px}@keyframes expand{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes break{0%{transform:rotate(0deg) translateY(0)}33%{transform:rotate(-15deg) translateY(25px)}60%{opacity:1;transform:rotate(12deg) translateY(61px) translateX(16px)}80%{opacity:1;transform:rotate(-20deg) translateY(131px) translateX(-36px)}to{opacity:0;transform:rotate(0deg) translateY(800px)}}.expand{animation:expand .3s forwards}.red{outline:2px solid rgba(255,0,0,.219)}.break{animation:break 2s forwards}.clicker-mover{transform:translateX(0);transition:transform 1s}.clicker,.clicker-mover{height:50px;transform-style:preserve-3d;width:50px}.clicker{align-items:center;background-color:#aaffc0;border-radius:2px;box-shadow:0 0 2px 0 gray;display:flex;font-size:2em;justify-content:center}.clicker:hover{cursor:pointer}.move{transform:translateX(250px)}.clicker:before{content:"➜";transform:scaleX(1);transition:transform 1s}.clicker:hover:before{filter:brightness(1.1)}.move.clicker-mover .clicker:before{transform:scaleX(-1)}.inside-text{left:50%;line-height:110%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:800px){.about .container{display:block}.about .container .image-container,.about .container .text-wrap{width:100%}}.downArrow{align-items:center;background:#7080b3;border-radius:50%;bottom:0;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012;color:#fff;display:none;font-size:2rem;height:40px;justify-content:center;left:50%;padding-bottom:3px;position:absolute;text-decoration:none;transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:40px}@media screen and (min-width:800px){.downArrow{display:flex}}@media screen and (hover:hover)and (pointer:fine){.downArrow:hover{transform:translate(-50%,-56%)}}.projects{background:#6176a4;padding-bottom:10vh;padding-top:10vh}.projects *{color:#e8efff}.projects .title{text-align:center}.projects .small-title{margin-bottom:141px;position:relative;text-align:center}.projects .small-title:after{background:#fff;content:"";display:block;height:71px;left:50%;margin:30px 0 20px;position:absolute;width:1px}.projects .smallest-title{font-size:1.25rem;margin-bottom:5px}.projects .project{min-height:34vh;padding:65px 0;position:relative}.projects .project .title-container{position:relative}.projects .project .title-container .section-title{font-size:40px;opacity:0;position:relative;text-shadow:0 0 3px rgba(0,0,0,.388)}.projects .project .title-container .big-letter{color:#6880b5;font-size:350px;left:0;line-height:100%;margin-top:-67px;position:absolute;top:0}.projects .project .title-container .sub-title-description{line-height:140%;margin-top:10px;opacity:0;position:relative}.projects .project .gallery-container{opacity:0}.projects .project .gallery-container .text-container{position:relative}.projects .project .gallery-container .text-container .link-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.projects .project .gallery-container .gallery-list .gallery-item{background:rgba(0,0,0,.109);border-radius:3px;box-shadow:0 1px 1px #00000014,0 2px 2px #0000001f;padding:10px 15px;position:relative}.projects .project .gallery-container .gallery-list .gallery-item:hover{background:#6880b5}.projects .project .gallery-container .gallery-list .gallery-item.active{background:#d9dfec}.projects .project .gallery-container .gallery-list .gallery-item.active .gallery-item-title{color:#3e4d6e}.projects .project .gallery-container .gallery-list .gallery-item .gallery-item-inner{height:100%}.projects .project .gallery-container .gallery-list .gallery-item .gallery-item-inner .gallery-item-title{font-size:18px}.projects .project .gallery-container .gallery-display{animation:fadeIn .3s ease-in-out forwards}.projects .project .gallery-container .gallery-display .gallery-display-inner .image-container{border-radius:3px;display:block;overflow:hidden}.projects .project .gallery-container .gallery-display .gallery-display-inner .image-container img{display:block;margin-bottom:-1px;width:100%}.projects .project .gallery-container .gallery-display .gallery-display-inner .text-display .text{font-size:16px;padding:5px 0;text-align:center}.projects .project.inView .section-title,.projects .project.inView .sub-title-description{animation:fadeInFromLeft 1s ease-in-out forwards}.projects .project.inView .gallery-container{animation:fadeInFromBottom 1s ease-in-out forwards}.second .image-container,.third .image-container{border-radius:3px;box-shadow:0 1px 1px #00000014,0 2px 2px #0000001f,0 4px 4px #00000029;height:-webkit-fit-content;height:fit-content;outline-offset:-3px;overflow:hidden;position:relative}.second .image-container img,.third .image-container img{border-radius:3px;display:block}@media screen and (min-width:800px){.project{display:flex}.title-container{width:30%}.gallery-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:5%;width:70%}.gallery-container .gallery-list{width:30%}.gallery-container .gallery-list .gallery-item{margin-bottom:15px}.gallery-container .gallery-list .gallery-item.active:before{border-top:2px solid #d8deec;content:"";display:block;position:absolute;right:-100%;top:calc(50% - 1px);width:100%}.gallery-container .gallery-list .gallery-item:hover{cursor:pointer}.gallery-container .gallery-display{border-radius:3px;box-shadow:0 1px 1px #00000014,0 2px 2px #0000001f,0 4px 4px #00000029;height:-webkit-fit-content;height:fit-content;width:60%}.gallery-container .gallery-display .gallery-display-inner .image-container img{width:100%}.projects .project.simple .image-container{width:40%}.projects .project.simple .text-container{width:56%}}@media screen and (max-width:800px){.projects{padding-bottom:0}.projects .small-title{margin-bottom:115px}.projects .project{padding:30px 0 60px}.projects .project .title-container{margin-bottom:15px}.projects .project .title-container .section-title{font-size:36px}.projects .project .gallery-container .gallery-list{margin-bottom:21px}.projects .project .gallery-container .gallery-list .gallery-item{background:#3e4d6e;margin-bottom:2px}.projects .project.first .sub-title-description{margin-top:2px}.projects .project.first .title-container{margin-bottom:22px}.projects .project.simple .image-container{margin-bottom:10px}.projects .project.simple .small-title{margin-bottom:15px}}.gallery{background:linear-gradient(60deg,#0000 45%,#f4f7ff 0,#f4f7ff 55%,#0000 0);min-height:50vh;padding:10vh 0 16vh}.container{margin:auto;max-width:100%;padding:0 30px;width:1300px}.gallery{.flexGallery{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.galleryItem{background-color:#fff;border:4px solid #e9f0ff;border-radius:5px;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012;display:flex;flex-direction:column;opacity:0;padding:20px}& h3{color:#1c2f58;font-size:5rem;margin-bottom:50px}}@media screen and (max-width:600px){.gallery .title{font-size:2.5rem}}.galleryItem{& img{aspect-ratio:2/1.5;border-radius:5px;object-fit:cover;width:100%}& h4{color:#1c2f58;font-size:20px;margin:12px 0 10px}.stack{margin:0 0 20px}.linkContainer{margin-bottom:0;margin-top:auto;width:-webkit-fit-content;width:fit-content}& a{font-weight:700;margin:0 10px 5px 0}}.galleryItem.inView{animation:fadeInFromBottom 1s ease-in-out forwards}@media screen and (min-width:700px){.galleryItem:first-child{animation-delay:.5s}.galleryItem:nth-child(2){animation-delay:.75s}.galleryItem:nth-child(3){animation-delay:1s}}@media screen and (max-width:600px){.gallery{background:linear-gradient(70deg,#0000 45%,#f4f7ff 0,#f4f7ff 55%,#0000 0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInFromRight{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes hoverRaise{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.contact{background:#b1c9ff}.contact .container.inView .contactForm{animation:fadeInFromBottom 1s ease-in-out forwards}.contactForm{align-items:stretch;background:#fff;border-radius:3px;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012;display:flex;flex-direction:column;justify-content:flex-start;margin:auto;min-height:60vh;opacity:0;padding:30px;width:600px}.contactForm .title{color:#6880b5;margin-bottom:30px;text-align:center}.contactForm .smallest-title{font-size:1.17em;font-weight:700;margin-bottom:5px}.contactForm input,.contactForm textarea{border:1px solid hsla(0,0%,46%,.703);border-radius:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;font-weight:700;margin-bottom:20px;min-height:20px;padding:4px 6px}.contactForm input:focus,.contactForm input:focus-within,.contactForm textarea:focus,.contactForm textarea:focus-within{border-color:#0000;outline:2px solid #6565c9}.contactForm button{background:#6880b5;border-radius:3px;color:#fff;font-size:1.17em;font-weight:700;margin:auto;padding:20px 30px;width:-webkit-fit-content;width:fit-content}.contactForm button:hover{cursor:pointer}@media screen and (max-width:600px){.contact .container{padding:60px 30px}.contactForm{width:100%}}.contactForm #message{min-height:200px}.articles-container{margin:auto;max-width:900px;padding:160px 30px 80px;width:100%}.articles-container h2,.articles-container h3{color:var(--black);margin-top:30px}.articles-container p{color:var(--grey);line-height:160%;margin:15px 0}.articles-container hr{margin:30px 0}
/*# sourceMappingURL=main.6a4877b6.css.map*/