body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fcfcf7;font-family:Lexend Deca,sans-serif;font-family:var(--cl-font-family,"Lexend Deca",sans-serif)}.one p{color:#34495e;display:flex;font-size:1.1rem;justify-content:center;line-height:1.8;padding:5% 15%;text-align:justify}.one a{color:#000;font-size:90%;text-decoration:none}#banner{height:30%;width:auto}h1{border-bottom:1px solid #000;color:#2c3e50;font-family:Roboto,sans-serif;font-size:3rem;font-weight:700;margin-top:50px;padding:3%;text-align:center}#menuButton{cursor:pointer;left:50px;position:fixed;top:20px;z-index:2}#menuButton span{color:#000;font-size:20px;font-weight:700}.menu{background-color:#0d5b11;left:50px;max-height:0;overflow:hidden;position:fixed;top:55px;transition:max-height .3s ease-out;width:200px;z-index:1}.menu.open{max-height:500px}.menu a{color:#000;display:block;font-size:16px;padding:10px;text-decoration:none}.menu a:hover{background-color:#3a5a40}.kopce{cursor:pointer;font-size:24px;font-weight:700;padding:10px;text-align:right}#menuButton.hidden{display:none}@media screen and (max-height:450px){.menu{padding-top:15px}.menu a{font-size:18px}}#intro{align-items:center;margin:2%}#gif,#intro{display:flex;justify-content:center}#gif{flex:1 1}#gif img{border:3px solid #0d5b11;border-radius:10px;height:auto;max-width:80%;object-fit:contain}#text{flex:1 1;min-width:250px}#text p{color:#34495e;font-size:1.1rem;line-height:1.8;padding:0 10%;text-align:justify}#video{height:auto;margin:2%}iframe{border:none;border-radius:10px}@media (max-width:800px){#intro,.posebno{flex-direction:column}}.posebno{align-items:center;display:flex;justify-content:center;padding:2% 10%}.posebno img{width:15%}.text{font-size:100%;padding-left:2%}#ch1{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 25%}@media (max-width:768px){#ch1{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){#ch1{grid-template-columns:1fr}}.element-img{cursor:pointer;height:auto;transition:transform .3s;width:100%}.element-img:hover{transform:scale(1.05)}.modal{background-color:beige;border-radius:15px;box-shadow:0 4px 15px #0003;left:50%;max-height:90%;max-width:90%;overflow-y:auto;padding:40px;position:fixed;text-align:justify;top:50%;transform:translate(-50%,-50%);width:700px;z-index:1000}.close-button{background:none;border:none;color:#0d5b11;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:10px;top:10px}.close-button:hover{color:#000}.overlay{background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}a:link,a:visited{text-decoration:none}#ch2{margin:0 5%;padding-top:2%}.reaction{align-items:center;border-bottom:1px solid #000;display:flex;font-size:110%;justify-content:center;padding:2%;width:100%}.reaction img{display:block;height:auto;max-width:100%;object-fit:cover}@media (max-width:768px){.reaction img{height:auto;max-width:100%}.reaction{flex-direction:column}}.main-container{padding:0 20%}.top-container{display:flex;justify-content:center;margin-bottom:50px}.bottom-container{justify-content:space-around;width:100%}.check-button{background-color:#0d5b11;color:#fff}.check-button:hover{background-color:#45a049}.reaction-message{color:#d9534f}.chemicallab h2{color:#0d5b11;font-size:160%;padding-top:3%;text-align:center}.chemicallab p{font-size:1.1rem;line-height:1.8;padding:3% 7% 0;text-align:center}@keyframes pour{0%{height:0}to{height:100%}}.poured{animation:pour .5s forwards}.text2{font-size:1.1rem;line-height:1.8;padding-right:2%;text-align:justify}.quiz{background:#dbf0da;border-radius:10px;color:#000;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:auto auto 3%;padding:35px 45px;transition:margin-left .3s ease;width:60%}.side-menu-open .quiz{margin-left:250px}.quiz h2{border-bottom:2px solid #000;font-size:43px;font-weight:500}.quiz h3{color:#000;font-size:27px;font-weight:400}.quiz ul li{align-items:center;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:20px;height:70px;margin-bottom:20px;padding-left:15px}.quiz button{background:#0d5b11;border-radius:10px;color:#fff;cursor:pointer;font-size:25px;font-weight:500;height:65px;margin:auto;width:250px}.tochno{background:#90ee90}.greshno{background:#fc9292}#sledno{font-size:1.1rem;padding:1% 3%}#sledno,#sledno li{line-height:1.8;text-align:justify}#sledno li{font-size:1rem;list-style-position:inside;padding:0 7%}#videoItekst{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin-bottom:50px}#sledno,#video{flex:1 1;max-width:600px;min-width:300px}#video iframe{aspect-ratio:16/9;height:auto;max-width:600px;width:100%}@media screen and (max-width:1200px){#videoItekst{align-items:center;flex-direction:column}#sledno,#video{text-align:center;width:100%}}#memory{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5%;min-height:100vh}#memory h2{color:#344e41;margin-bottom:20px;padding-top:1%;text-align:center}.container{grid-gap:15px;background:#fff;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:650px;width:750px}.card{align-items:center;animation:hideCard 2s linear;background:#dbf0da;border-radius:5px;cursor:pointer;display:flex;justify-content:center;transform:rotateY(180deg);transition:transform .5s}.card.active{transform:rotateY(0)}.card img{animation:hideImage 2s linear;border-radius:20px;max-height:80%;max-width:80%;transform:scale(0);transition:transform .5s}.card.active img{transform:scale(1)}@keyframes hideCard{0%,70%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes hideImage{0%,70%{transform:scale(1)}to{transform:scale(0)}}.vrz{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.vrz button{background-color:#344e41;border:none;border-radius:10px;color:beige;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px}.vrz button:hover{background-color:#2a3f34}.skrieno{display:none}#gornomeni{background-color:#ddeddd;height:60px;position:fixed;top:0;width:100%;z-index:2000}.menistuff{display:flex;justify-content:flex-end;margin:20px 100px}.vnatre{color:#000;cursor:pointer;font-size:20px;font-weight:700;padding:0 10px}.vnatre a,.vnatre a:visited{color:#000;text-decoration:none}.vnatre a:hover{background:#fff}.modal_form{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-form-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;position:relative;text-align:center;width:30%}.close{color:#000;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.form p{font-size:1.2rem;padding:20px}.form button{background:#344e41;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.form div{margin-top:20px}.form input{height:23%;padding:5px;width:53%}.test-tube{cursor:pointer;display:inline-block;height:185px;position:relative;text-align:center;width:50px}.tube-body{align-items:flex-end;border:2px solid #555;border-radius:10px 10px 30px 30px;box-shadow:inset 0 -10px 0 #0000001a;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.liquid{border-radius:10px 10px 0 0;bottom:0;position:absolute;width:100%}.check-button{background-color:#344e41;border:none;border-radius:5px;color:beige;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 20px}.check-button:hover{background-color:#2a3f34}.reaction-message{font-size:18px;font-weight:700;text-align:center}.reaction-message.correct{color:#4caf50}.reaction-message.incorrect{color:#d9534f}.h{background-color:#a2d2ff}.c{background-color:#fdffb6}.na{background-color:#ffc8dd}.o{background-color:#fec89a}.cl{background-color:#cdb4db}.main-container{flex-direction:column;height:100vh}.bottom-container,.main-container{align-items:center;display:flex;justify-content:center}.bottom-container{gap:80px;margin-bottom:30px;margin-top:20px}.element-container{color:#343a40;cursor:pointer;display:inline-block;position:relative;text-shadow:.5px 0 #343a40;width:50px}.test-tube-container{position:absolute;top:0;z-index:2}.test-tubes{position:relative;z-index:1}
/*# sourceMappingURL=main.ac755573.css.map*/