:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-color: rgba(255, 255, 255, .87);--backColor: #242424}*{margin:0;padding:0;box-sizing:border-box;color:var(--font-color);background-color:var(--backColor)}grid-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px}hr{margin:20px 0;width:100%}nav-wrapper{display:flex;justify-content:space-between;padding:10px 0}nav-wrapper right-side{display:flex;gap:10px;align-items:center;text-align:center}nav-wrapper right-side .switch{position:relative;display:inline-block;width:60px;height:34px}nav-wrapper right-side .switch input{opacity:0;width:0;height:0}nav-wrapper right-side .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}nav-wrapper right-side .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}nav-wrapper right-side input:checked+.slider{background-color:#2196f3}nav-wrapper right-side input:focus+.slider{box-shadow:0 0 1px #2196f3}nav-wrapper right-side input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}nav-wrapper right-side .slider.round{border-radius:34px}nav-wrapper right-side .slider.round:before{border-radius:50%}div{position:relative;display:flex;justify-content:space-between}body{margin-left:auto;margin-right:auto;width:90%;min-width:320px;min-height:100vh}input{width:300px;height:70px;text-align:center;padding-inline:2rem;border-radius:10px;color:#a9a7a7;border:none;background-color:#213547;color:var(--font-color);font-size:1.3rem;margin-top:30px 0}iconify-icon{position:absolute;top:33%;background-color:#213547;padding-left:5px}select{width:300px;height:70px;background-color:#213547;text-align:center;color:#a9a7a7;border-radius:10px;border:none;margin-top:30px 0;font-size:1.3rem}section{margin-top:30px;background-color:#213547;border-radius:20px;padding-bottom:30px;overflow:hidden}section figure{background-color:#213547}section figure img{width:100%;background-color:#213547;border-top-left-radius:20px;border-top-right-radius:20px}section figure>p{padding:0 30px;background-color:#213547}section figure>p b{background-color:#213547}section figure h2{background-color:#213547;padding:0 30px}::-webkit-scrollbar{width:2em}::-webkit-scrollbar-track{background-color:(--backcolor)}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#464646}