@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Rubik&display=swap);*{box-sizing:border-box;font-family:Rubik,sans-serif;margin:0;padding:0}.home,.products,.services,.sign-up{align-items:center;display:flex;font-size:3rem;height:90vh;justify-content:center}.services{background-size:cover}.products,.services{background-position:50%;background-repeat:no-repeat;color:#fff;font-size:100px}.products{background-size:fill}.sign-up{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:100px}.navbar{background:#fff;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex;height:80px;justify-content:center}.navbar-container{max-width:1500px}.navbar-title{align-items:center;color:#000;cursor:pointer;display:flex;font-size:2rem;justify-self:start;margin-left:20px;text-decoration:none}.nav-menu,.nav-menu.active{grid-gap:10px;display:grid;grid-template-columns:repeat(4,auto);justify-content:end;list-style:none;margin-right:2rem;text-align:center;width:60vw}.nav-item{height:80px}.nav-links{align-items:center;color:#000;display:flex;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{text-decoration:underline;text-decoration-color:#000;text-underline-offset:1rem}.fa-bars{color:#000}.menu-icon{display:none}@media screen and (max-width:960px){.nav-menu{display:none}.nav-menu.active{background-color:#fff;bottom:0;max-height:0;overflow:hidden;position:relative;right:0;transition:all .3 ease-in-out;width:fit-content}.nav-item{list-style:none}.nav-links{color:#000;display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:initial;border-radius:0;color:#000}.navbar-title{left:0;position:absolute;top:0;transform:translate(25%,50%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.fa-times{color:#000;font-size:2rem}}.btn{border-radius:2rem;cursor:pointer;font-weight:600;padding:1rem;transition:all .3s ease;width:8rem}.btn-outline{background-color:initial;border:.1rem solid #353535}.btn-outline:hover{background-color:#353535;color:#fff}.btn-filled{background:#353535;border:.1rem solid #353535;color:#fff}.btn-filled:hover{background-color:initial;color:#000}.btn--medium{font-size:18px;padding:8px 20px}.btn--large{font-size:20px;padding:12px 26px}.btn--large:hover,.btn--medium:hover{background:#fff;color:#242424;transition:all .3s ease-out;transition:.25s}#profile{display:flex;gap:5rem;height:80vh;justify-content:center}.pic-container{display:flex;height:400px;margin:auto 0;width:400px}.pic-container__img{border-radius:50%}.text-container{align-self:center;text-align:center}.pic-container p{font-weight:600}.text-container__p1{text-align:center}.text-container__p2{font-size:1.25rem;margin-bottom:.5rem}.text-container__title{font-size:3rem;text-align:center}.btn-container{column-gap:1em;grid-template-columns:repeat(2,auto)}#socials-container,.btn-container{display:flex;justify-content:center}#socials-container{gap:1rem;margin-top:1rem}.fa-bars{font-size:4rem}.socials-container__icons:hover{cursor:pointer}.socials-container__icons{color:#000}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.about-containers{flex-wrap:wrap}#contact,#projects{height:fit-content}}@media screen and (max-width:1200px){#profile,.section-container{display:block}.section-container,section{height:fit-content}section{margin:0 5%}.pic-container{height:275px;margin:0 auto 2rem;width:275px}.about-containers{margin-top:0}.outer-container__inner-container{display:list-item;height:900px}.outer-container__pic-container{display:flex;height:275px;margin:auto 0;width:275px}#projects{margin-top:10rem}}@media screen and (max-width:600px){#contact,footer{height:40vh}#profile{height:83vh;margin-bottom:0}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.about-containers,.btn-container,.contact-info-upper-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{height:46vw;justify-content:center;width:auto}.section__text__p2{font-size:1.25rem}.title{font-size:2rem}.text-container{text-align:justify}}html{scroll-behavior:smooth}.container{margin-top:13vh}#about{height:100vh;justify-content:center;margin-top:60px;position:relative}.about-details-container{display:flex;justify-content:center;margin-left:15%;text-align:center;width:70%}.pic-container__about-pic{border-radius:2rem}.outer-container__inner-container{grid-column-gap:4em;align-items:center;column-gap:4em;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;margin-bottom:50px;margin-left:10%;width:80%}.outer-container__pic-container{display:flex;height:330px;margin:auto 0;width:330px}.section__text,.section__title{text-align:center}.section__title{margin-bottom:40px}.outer-container{position:relative;width:100%}.bold{font-weight:900}.text-container{line-height:1.6}.cards__item{align-items:center;border:.1rem solid #000;border-radius:2rem;height:515px;list-style:none;width:350px}.card-img{border-radius:2rem;display:flex;height:270px;margin-left:40px;margin-top:35px;width:270px}.title{margin-top:10px}.card-info,.title{margin-left:10%;text-align:center;width:80%}.card-info{margin-bottom:20px;margin-top:30px}#projects{position:relative}.projects-container{column-gap:4em;display:flex;grid-template-columns:repeat(2,auto);justify-content:center}.projects__p1,.projects__title{text-align:center}.projects__title{margin-bottom:20px}#contact{flex-direction:column;height:70vh}#contact,.contact-info-container{display:flex;justify-content:center}.contact-info-container{background:(250,250,250);border:.1rem solid #a3a3a3;border-radius:2rem;margin:2rem auto;padding:.5rem}.contact-info-container__inner-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem;text-decoration:none}.contact-info-container__inner-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}.section__text__p1{text-align:center}.link{color:#000;text-decoration:none}.link:hover{text-decoration:underline;text-underline-offset:.5rem}
/*# sourceMappingURL=main.600c212f.css.map*/