| 1 |
- @charset "UTF-8";html,body{height:100vh;}html>div,body>div{height:inherit;}header{text-align:center;padding:10px 20px 10px 10px;border-bottom:1px solid #ddd;}header form{margin:0 auto;border:0;}header form img{display:none;width:15%;flex-basis:auto;flex-shrink:2;flex-grow:0;padding:0 10px 0 0;max-width:40px;cursor:pointer;}header form input{border:1px solid #bbb;padding:6px 5px;width:30%;border-radius:5px;flex-grow:1;}header form button{border:1px solid #bbb;padding:6px 10px;border-radius:5px;margin-left:5px;flex-grow:0;width:auto;}header form button:hover{color:#000;background-color:#f0f0f0;}aside{position:relative;min-width:150px;max-width:240px;background-color:#2f2f2f;border-right:1px solid #535353;overflow:hidden;transition:transform .2s;z-index:3;}aside>section{position:relative;height:10%;max-height:107px;padding:15px 7px;min-height:107px;background-color:#1583b7;}aside hr{border-color:#555;}aside>nav{overflow-y:auto;height:calc(100vh - 10%);padding:10px 30px 90px 30px;}aside>nav hr{margin:10px 0;}aside>nav ul{padding-left:7%;list-style:none;}aside>nav ul li{color:#d3d3d3;}aside>nav ul li>strong{font-size:17px;font-weight:600;}aside>nav ul li a:hover{color:#fff;text-decoration:underline;}aside>nav ul:first-child li:nth-of-type(2){color:#ffd700;}aside>nav ul:first-child li:nth-of-type(3){color:#6cfda1;}aside>nav details summary{cursor:pointer;color:#d3d3d3;font-size:1.063rem;font-weight:600;margin-bottom:2px;}aside>nav details:nth-of-type(1) summary{color:#9e37f9;}aside>nav details:nth-of-type(2) summary{color:#f18949;}main{height:inherit;overflow-y:auto;}main>div{height:inherit;}main>div>div{padding:10px 20px;}footer{padding:10px;border-top:1px solid #ddd;}footer span{font-size:.75rem;}footer small{font-size:.75rem;color:#0a781d;}#home iframe{width:100%;border:1px solid #ddd;}#event img:hover{transform:scale(99%);outline:1px solid #f00;border-radius:3px;}#products a .img-box{position:relative;max-height:20vh;overflow:hidden;}#products a img{transition:transform .2s;width:100%;}#products a:hover img{transform:scale(99%);}#products a:hover .img-box{outline:1px solid #f00;border-radius:3px;}#products a:hover figcaption{text-decoration:underline;}#products a:hover span{text-decoration:none;}#products figure figcaption{font-size:.875rem;padding-top:6px;}#products figure p{padding:5px 0 0 0;color:#cb1400;font-weight:bold;}#products figure>img:hover{transform:scale(99%);outline:1px solid #f00;border-radius:3px;}#products figure span{font-size:.75rem;font-weight:600;padding:3px 7px;border-radius:5px;}#products figure span:nth-of-type(1){color:#f1f1f1;background-color:#449cbe;}#products figure span:nth-of-type(2){color:#2f2f2f;background-color:rgb(251,191,36,var(--tw-text-opacity,1));}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2;display:none;}.overlay>img{top:10px;right:20px;position:absolute;width:10%;cursor:pointer;}.overlay.show{display:block;}@media screen and (max-width:767px){aside{position:absolute;transform:translateX(-100%);}header form img{display:block;}}@media screen and (min-width:768px){aside{position:relative;transform:translateX(0)!important;}}
|
