@import"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";:root{--background-color: #f8f8f8;--background-color-light: #ececec;--background-color-dark: #cccccc;--background-color-special: #2f2c4f;--button-background: #2f2c4f;--color-4: #000;--color-3: #333;--color-2: #666;--color-1: #999;--color-0: #fff;--color-special: #2f2c4f;--card-color-dark: #202020;--card-color-light: #ffffff;--text-color-4: #fff;--text-color-3: #999;--text-color-2: #666;--text-color-1: #333;--text-color-0: #000;--text-color-special: #2f2c4f;--gradient-1: #4230e9;--gradient-2: #1a1ace;--h-line: #acacac}::-webkit-scrollbar{width:0px}body,#root{margin:0;height:100dvh;width:100vw;font-family:Poppins,sans-serif;font-size:medium;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);scroll-behavior:smooth;scroll-padding-top:70px;box-sizing:border-box;overflow:auto;overflow-x:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.layout{min-height:100%;display:flex;flex-direction:column}.content{flex:1}.page-wrapper{width:70%;display:flex}@media screen and (max-width:768px){.page-wrapper{width:85%}}img{max-width:100%;height:auto}.h-line{height:2px;margin:20px 0;border-radius:10px;width:100%;background:var(--h-line)}h1,h2,h3,h4,p,a,span,button,ul{text-decoration:none;color:var(--text-color-0);margin:0;line-height:1.25;font-weight:400;font-family:inherit}h1{font-size:clamp(2.5em,2.67em,2.9em);font-weight:600}.subtitle{font-size:clamp(1.3em,24px,1.7em)}h2{font-size:clamp(2em,32px,2.5em);font-weight:600}h3{font-size:clamp(1.3em,24px,1.7em)}h4{font-size:clamp(1em,18px,1.3em);font-weight:600}p{font-size:clamp(.8em,16px,1.2em)}span,button{font-size:clamp(1em,18px,1.8em)}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{margin:0;padding:0}#home{position:relative;display:flex;justify-content:center;width:100vw;min-height:100vh;padding:10vh 0 0}.home-container{display:flex;flex-direction:column;align-items:center;gap:40px}.intro{display:flex;flex-direction:column;gap:20px;text-align:center}.intro-container{display:flex;flex-direction:column-reverse;gap:15px;align-items:center}.products{display:flex;flex-direction:column;gap:30px;width:100%}.product-element{display:flex;flex-direction:row;gap:15px;border:1px solid var(--border-color);border-radius:10px;background:var(--component-background)}.product-element img{width:50%;height:auto;border-radius:10px}.product-info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 0}.product-info h4{font-size:clamp(1.2em,22px,1.6em);font-weight:500}.product-info button{margin-top:10px;padding:10px 50px;border-radius:30px;background-color:var(--button-background);color:var(--text-color-4)}#about-exm{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;width:100%}#about-exm .page-wrapper{flex-direction:column}#about-exm .h-line{align-self:center}.introduction,.workflow,.chemistry,.limitations{display:flex;flex-direction:column;gap:10px}.exm-image{width:70%;align-self:center;margin-top:10px}.exm-image p{text-align:center;font-size:14px;color:#666;margin:4px 0 16px}.formula{font-style:italic;text-align:center}table{margin:10px 0;border-collapse:collapse;width:100%}tr:nth-child(1){border-bottom:2px solid #999}td,th{text-align:left;padding:8px}tr:nth-child(2n){background-color:#ddd}.chemistry h4{margin-top:20px}.components{margin-top:10px}.components p{font-style:italic;color:#333}#about-us{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;width:100%}#about-us .page-wrapper{flex-direction:column;justify-content:center;align-items:center}.team-members{display:flex;justify-content:center;flex-direction:column;gap:40px;margin-top:40px}.team-member{display:flex;flex-direction:row;gap:20px}.team-member img{width:50%;height:auto}.member-info{width:50%;display:flex;flex-direction:column;justify-content:center}.member-links{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;margin-top:10px}#gallery{padding:100px 0;width:100%;display:flex;justify-content:center}.gallery-images{display:grid;grid-template-columns:1.184fr 1.701fr 1.363fr;gap:4px;width:100%;max-width:1400px}.col{display:flex;flex-direction:column;gap:4px}.col img{width:100%;height:auto;display:block;border-radius:6px}#contact{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;width:100%}#contact .page-wrapper{flex-direction:column;gap:20px}.contact-options{display:flex;flex-direction:row;margin:40px 0;gap:40px;width:100%;justify-content:space-between;align-items:flex-start}.our-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-color:var(--card-color-light);box-shadow:0 10px 30px #0000004d;border-radius:20px;padding:40px}.our-details .social-media-icons{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;gap:10px}.our-details .social-media-icon img{transition:all .2s ease-in-out;height:40px;width:auto}.contact-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-color:var(--card-color-light);box-shadow:0 10px 30px #0000004d;border-radius:20px;padding:40px;z-index:0;width:50%;max-width:600px;min-width:200px}.contact-form .h-line{margin:20px 0}form{display:flex;flex-direction:column;gap:20px;width:100%}form input,form textarea{background-color:transparent;border:1px solid var(--color-2);border-radius:10px;color:var(--text-color-1);font-size:clamp(.8em,18px,1.4em);font-family:Poppins,sans-serif;padding:15px;transition:all ease-in-out .25s}form textarea{resize:none;min-height:80px}form input:hover,form textarea:hover{border-color:var(--color-4);outline:none}form input:focus,form textarea:focus{border-color:var(--color-4);outline:none}.form-button{width:100%;text-decoration:none;text-align:center;margin-top:10px;padding:20px;border-radius:30px;border:none;position:relative;background-color:var(--button-background);color:var(--text-color-4);transition:all ease-in-out .5s}.form-button:hover{filter:brightness(1.5)}header{background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:60px;max-height:60px;pointer-events:auto}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;width:70%}.logo-title{color:var(--text-color-special);font-weight:700}nav{display:flex;gap:20px}nav a{text-decoration:none;transition:border-bottom ease-in-out .25s;font-size:clamp(1em,20px,1.8em);font-weight:300;padding:1px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom:1px solid var(--color-4)}.footer-container{width:100%;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;margin:0;box-shadow:0 -2px 10px #0000000d}.footer-top{width:70%;display:flex;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:5px}.logo{height:48px;width:auto}.h-line{width:80%;height:1px}.social-media-icons{display:flex;justify-content:flex-end;gap:10px;width:60%}.social-media-icon img{transition:all .2s ease-in-out;height:40px;width:auto}.social-media-icon img:hover{transform:scale(1.1);filter:brightness(1.2)}
