:root{--text:#1c1c1c;--bg:#fafafa;--accent:#73354a;--accent-yellow:#fdaf5d;--accent-yellow-t:#fdaf5d1a;--accent-purple:#7b42c3;--accent-purple-t:#7b42c31a;--accent-pink:#fc7383;--accent-pink-t:#fc73831a;--accent-blue:#336df4;--accent-blue-t:#336df41a;min-height:100vh;font-family:Ubuntu,sans-serif}body{background-color:var(--bg);text-align:center;min-height:100vh;font-size:18px}#root{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:900px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}a,a:visited,a:active{color:var(--text)}#vacancies,#products,#contacts{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}label{text-align:left;width:300px}input,textarea{border-style:solid;border-width:2px;border-radius:6px;width:300px;height:30px;margin-bottom:20px;font-size:16px}textarea{height:100px}input[type=file]{height:40px}input[type=file]::file-selector-button{color:#fff;cursor:pointer;border:none;border-radius:6px;margin:5px 12px 5px 5px;padding:5px 10px}.back-btn{color:#0000004d;cursor:pointer;background-color:#fff;border-style:solid;border-color:#0000004d;border-radius:100%;justify-content:center;align-items:center;width:50px;height:50px;font-size:40px;font-weight:800;line-height:1;display:flex}.back-btn span{line-height:1;display:block;transform:translateY(-1px)}.load-btn{color:#000;cursor:pointer;border-style:solid;border-width:2px;border-radius:6px;width:200px;height:40px;margin-top:10px;margin-bottom:20px;font-size:20px;font-weight:700}.navbar{flex-shrink:0;overflow:hidden}.navbar-centered{justify-content:center;display:flex}.navbar #icon-link{padding-top:0;position:absolute;left:20px}.navbar a{float:left;text-align:center;padding:50px 16px 14px;text-decoration:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:inherit;background-color:inherit;border:none;outline:none;margin:0;padding:50px 16px 14px;font-family:inherit}.navbar a:hover,.dropdown:hover .dropbtn,.dropdown-content a:hover{cursor:pointer;text-decoration:underline}.dropdown-content{z-index:1;border-color:var(--text);background-color:#fffffff2;border-style:solid;border-width:2px;border-radius:8px;min-width:160px;display:none;position:absolute}.dropdown-content a{float:none;text-align:left;padding:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.burger{display:none}.app{flex-direction:column;min-height:100vh;display:flex}.footer{text-align:center;flex-shrink:0;margin-top:auto}@media (width<=1000px){.navbar{width:300px;min-height:120px;position:relative;overflow:visible}.navbar #icon-link{padding-top:0;position:absolute;top:0;left:0}.burger{cursor:pointer;background:0 0;border:none;font-size:32px;display:block;position:absolute;top:40px;right:20px}.navbar-centered{border:2px solid var(--text);z-index:10;background-color:#fffffff2;border-radius:10px;flex-direction:column;align-items:flex-end;padding:10px;display:none;position:absolute;top:100px;right:20px}.navbar-centered.open{display:flex}.navbar a,.dropdown{float:none;text-align:right;padding:12px 16px}.dropdown .dropbtn,.dropdown .dropbtn:hover,.dropdown .dropbtn:active,.dropbtn:hover{text-align:center;cursor:inherit;padding-top:10px;font-weight:700;text-decoration:none}.dropdown{float:none;padding:12px 0;overflow:visible}.dropdown-content{background-color:#0000;border:none;display:none;position:static}.dropdown:hover,.dropdown-content{display:block}}article.event{border-style:solid;border-width:2px;border-color:var(--accent-purple);background-color:var(--accent-purple-t);border-radius:10px;width:90%;max-width:900px;margin:10px}.tag{background-color:var(--accent-purple);color:#fff;border-radius:6px;padding:6px}.type{color:var(--accent-purple)}.event-desc{overflow-wrap:break-word;padding:10px}@media (width>=450px) and (width<=900px){article.event{width:90%;max-width:800px}div.scroll-container img{max-width:750px}}@media (width<=450px){article.event{width:90%;max-width:300px}div.scroll-container img{max-width:250px}}article.vacancy{border-style:solid;border-width:2px;border-color:var(--accent-blue);background-color:var(--accent-blue-t);border-radius:10px;width:90%;max-width:900px;margin:10px}.vacancy-desc{padding:10px}.apply-btn{background-color:var(--accent-blue);color:#fff;border-style:none;border-radius:6px;width:200px;height:40px;margin-bottom:20px;font-size:20px;font-weight:700}.apply-btn:hover,.apply-btn:active{cursor:pointer}div.scroll-container{white-space:nowrap;flex-direction:row;align-items:center;margin:10px;display:flex;overflow:auto}div.scroll-container.single-image{justify-content:center}div.scroll-container img{border-radius:6px;margin:10px}article.product{border-style:solid;border-width:2px;border-color:var(--accent-pink);background-color:var(--accent-pink-t);border-radius:10px;width:90%;max-width:900px;margin:10px}.tags{flex-direction:row;justify-content:center;gap:20px;margin:0;list-style:none;display:flex}.product-desc{overflow-wrap:break-word;padding:10px}@media (width>=450px) and (width<=900px){article.product{width:90%;max-width:800px}div.scroll-container img{max-width:750px}}@media (width<=450px){article.product{width:90%;max-width:300px}div.scroll-container img{max-width:250px}}div#gallery{flex-wrap:wrap;justify-content:center;gap:10px;max-height:750px;display:flex;overflow-y:auto}div#gallery .gallery-image{object-fit:cover;cursor:pointer;border-radius:5px;width:200px;height:200px}.login-form{flex-direction:column;align-items:center;gap:10px;width:500px;margin-top:20px;display:flex}.login-form input{border-color:var(--accent-yellow)}.login-btn{background-color:var(--accent-yellow);color:#fff;border-style:none;border-radius:6px;width:200px;height:40px;margin-top:20px;font-size:20px;font-weight:700}.login-btn:hover,.login-btn:active{cursor:pointer}.error{color:red}button.view-btn{color:#fff;cursor:pointer;background-color:#fff;border-style:solid;border-width:3px;border-radius:6px;width:200px;height:40px;font-size:20px;font-weight:700}button.new-btn{color:#fff;cursor:pointer;border-style:none;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-size:25px;font-weight:700;line-height:1;display:flex}button.new-btn span{line-height:1;display:block;transform:translateY(-1px)}.newpost-form,.newproduct-form,.newvacancy-form{flex-direction:column;align-items:center;gap:10px;width:500px;display:flex}select{background-color:#fff;border-style:solid;border-width:2px;border-radius:6px;width:310px;height:35px;margin-bottom:20px;font-size:16px}select,select option{cursor:pointer}.create-btn{color:#fff;cursor:pointer;border-style:none;border-radius:6px;width:200px;height:40px;margin-bottom:20px;font-size:20px;font-weight:700}.newpost-form input,.newpost-form select,.newpost-form textarea{border-color:var(--accent-purple)}.newproduct-form input,.newproduct-form select,.newproduct-form textarea{border-color:var(--accent-pink)}.newvacancy-form input,.newvacancy-form select,.newvacancy-form textarea{border-color:var(--accent-blue)}.create-btn.post{background-color:var(--accent-purple)}.newpost-form input[type=file]::file-selector-button{background-color:var(--accent-purple)}.create-btn.product{background-color:var(--accent-pink)}.newproduct-form input[type=file]::file-selector-button{background-color:var(--accent-pink)}.create-btn.vacancy{background-color:var(--accent-blue)}.newvacancy-form input[type=file]::file-selector-button{background-color:var(--accent-blue)}input[type=date]{border-style:solid;border-width:2px;border-color:var(--accent-purple);cursor:pointer;background-color:#fff;border-radius:6px;outline:none;width:305px;height:40px;padding:0;font-family:inherit;font-size:16px}