*{outline:0;list-style:none;text-decoration:none;box-sizing:border-box;border:0;margin:0;padding:0}:root{--primary-hue:200;--black-lightness:15%;--dark-lightness:44%;--light-lightness:94%;--white-lightness:100%;--color-primary:hsl(var(--primary-hue),89%,41%);--color-white:hsl(0,5%,var(--white-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lightness));--color-black:hsl(var(--primary-hue),5%,var(--black-lightness));--color-dark:hsl(var(--primary-hue),5%,var(--dark-lightness));--container-width-lg:76%;--container-width-md:98*;--border-radius-1:1.2rem;--border-radius-2:.8rem;--border-radius-3:.5rem;--transition:all .5s ease}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6}.container{width:var(--container-width-lg);max-width:1920px;margin-inline-start:auto;margin-inline-end:auto}section{background:var(--color-light);transition:var(--transition);padding:10rem 0}section:nth-child(2n){background:var(--color-white)}section>h2{text-align:center}section>p{text-align:center;width:40%;margin:.5rem auto 4rem}a{color:var(--color-white);transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--color-black);line-height:1.1rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.8rem}.img{display:block;object-fit:cover;width:100%}.btn{display:inline-block;display:flex;background:var(--color-light);color:var(--color-black);border-radius:var(--border-radius-2);cursor:pointer;border:2px solid #0000;align-items: center;gap:1rem;width:-moz-fit-content;width:fit-content;padding:.6rem 2.5rem}.btn:hover{border-color:var(--color-light);background-color:#0000;transform:translateY(-.5rem)}.btn.white{background:var(--color-white)}.btn.white:hover{border-color:var(--color-white);background:0 0}.btn.primary{background:var(--color-primary);color:#fff}.btn.btn.primary:hover{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn.sm{padding:.5rem 1.2rem}@media (max-width:1024px){body{font-size:1rem}.container{width:var(--container-width-md)}section{padding:8rem 0}section>p{width:72%;margin-bottom:3rem}h1{font-size:2rem}}@media screen and (max-width:600px){h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}.btn{padding:.6rem 1.5rem}section>p{width:var(--container-width-md)}}nav{display:grid;background-color:var(--color-primary);position:fixed;z-index:9;box-shadow:0 1rem 1.5rem hsla(var(--primary-hue),68%,42%,20%);transition:var(--transition);place-items: center;width:100vw;height:5rem;top:0;left:0}:root{--background:white;--text-primary:black;--text-secondary:royalblue;--accent:purple}[data-theme=dark]{--background:black;--text-primary:white;--text-secondary:grey;--accent:darkred}.App{color:var(--text-primary);background-color:var(--background);height:calc(100vh - 40px);padding:20px;transition:all .5s;font-size:large;font-weight:700}button{color:var(--text-primary);background-color:var(--background);float:right;transition:all .5s}.nav__container{display:flex;justify-content:space-between;align-items: center}.nav__logo{overflow:hidden}.nav__menu{display:flex;gap:3.5rem}#theme__icon{color:#fff;cursor:pointer;background:0 0;font-size:2rem}@media screen and (max-width:1024px){.nav__menu{display:none}}header{display:grid;background:var(--color-white);transition:var(--transition);place-items: center;margin-top:5rem}.header__container{display:flex;position:relative;flex-direction:column;align-items: center}.header_text{text-align:center}.header__profile{overflow:hidden;text-align:center;width:100%;height:100%;margin-bottom:1.5rem}.header__container p{text-align:center;width:35rem;margin:.6rem 0 2rem}.header__cta{display:flex;align-items: center;gap:1.2rem}@media screen and (max-width:1024px){header{height:100vh;margin-top:0}}@media screen and (max-width:600px){.header__profile{height:17rem;max-height:35vh}.header__container p{width:100%}.header__cta{gap:1rem}}.card{background:var(--color-white);border-radius:var(--border-radius-1);transition:var(--transition);border:2px solid #0000;padding:1.5rem;transition:all .5s}.card:hover{border-color:var(--color-white);background:0 0;transform:translateY(-.5rem)}.card.light{background:var(--color-light)}.card.light:hover{border-color:var(--color-light);background:0 0}@media screen and (max-width:600px){.card{padding:1.2rem}}.about_container{display:grid;grid-template-columns:35% 53%;gap:8%}.about__portrait{text-align:center;transition:var(--transition);width:19rem;height:-moz-fit-content;height:fit-content;max-height:40rem;margin-left:auto;border-radius:5px!important}.aboutImage{border-radius:30px;width:300px}.about__portrait:hover{border-width:0}.about__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 1.5rem}.card.about__card{text-align:center}.about__card-icon{color:var(--color-black);border-radius:var(--border-radius-3);display:flex;transition:var(--transition);justify-content:center;align-items: center;margin-inline-start:auto;margin-inline-end:auto;padding:.6rem;font-size:1.3rem}.card.about__card:hover .about__card-icon{background:var(--color-primary);color:var(--color-white)}.card.about__card h5{margin:1rem 0}.about__right p{margin-bottom:.8rem}.about__right .btn{margin-top:2.5rem}@media screen and (max-width:1024px){.about__left{display:none}.about_container{grid-template-columns:1fr}.about__right h2{text-align:center}}@media screen and (max-width:600px){.about__cards{grid-template-columns:1fr 1fr;gap:1rem}.about__right .btn{margin-top:2rem}}.product{display:grid;grid-template-columns:35% 53%;gap:8%}.product_all{text-align:center;border:1rem solid var(--color-primary);transition:var(--transition);width:19rem;height:-moz-fit-content;height:fit-content;max-height:40rem;margin-left:auto}.productName{text-align:center}.product_all:hover{background:var(--color-primary);color:var(--color-white)}.card .product_card{align-content: center;align-self: center}.product_card-icon{color:var(--color-black);border-radius:var(--border-radius-3);display:flex;transition:var(--transition);align-items: center;width:-moz-fit-content;width:fit-content;margin-inline-start:auto;margin-inline-end:auto;padding:.6rem;font-size:1.3rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 1.5rem;padding:1.5rem}@media screen and (max-width:600px){.product-grid{grid-template-columns:1fr;gap:1rem}}.product-container{display:flex;text-align:center;background-color:#eff0f0;border:10px;border-radius:10px;flex-direction:column;padding:20px;transition:all .5s}.product-list-item{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:5px;flex:1;width:100%;margin-top:5px;padding:5px}.product-container:hover{background:0 0;border:1px solid #ccc;transform:translateY(-.5rem)}.contact{display:grid;grid-template-columns:35% 53%;gap:8%}.contact_all{text-align:center;border:1rem solid var(--color-primary);transition:var(--transition);width:19rem;height:-moz-fit-content;height:fit-content;max-height:40rem;margin-left:auto}.contactName{text-align:center}.contact_all:hover{background:var(--color-primary);color:var(--color-white)}.card .contact_card{align-content: center;align-self: center}.contact_card-icon{color:var(--color-black);border-radius:var(--border-radius-3);display:flex;transition:var(--transition);align-items: center;width:-moz-fit-content;width:fit-content;margin-inline-start:auto;margin-inline-end:auto;padding:.6rem;font-size:1.3rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 1.5rem;padding:1.5rem}@media screen and (max-width:600px){.contact-grid{grid-template-columns:1fr;gap:1rem}}.contact-container{display:flex;text-align:center;background-color:#fff;border:10px;border-radius:10px;flex-direction:column;padding:20px;transition:all .5s}.contact-list-item{cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:5px;flex:1;width:100%;margin-top:5px;padding:5px}.contact-container:hover{background:0 0;border:1px solid #fff;transform:translateY(-.5rem)}.about__card-icon{color:var(--color-black);border-radius:var(--border-radius-3);display:flex;transition:var(--transition);align-items: center;width:50px;margin-inline-start:auto;margin-inline-end:auto;padding:.6rem;font-size:1.3rem}.contact__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0 1.5rem}.card.contact__card{text-align:center}.card.about__card:hover .about__card-icon{background:var(--color-primary);color:var(--color-white)}