:root{--primary-color: rgba(2, 160, 126, .747);--secondry-color: rgb(53, 240, 246);--font-color: rgb(6, 6, 6);--bg-color: rgb(61, 61, 61);--bg-light-color: rgb(255, 255, 255);--bg-icon-color: rgb(155, 78, 71)}#themeToggle:checked~*{--primary-color: rgba(199, 169, 0, .89);--secondry-color: rgb(196, 41, 14);--font-color: rgb(255, 255, 255);--bg-color: rgba(48, 48, 48, .904);--bg-light-color: rgba(0, 229, 255, .493);--bg-icon-color: rgba(5, 133, 150, .89)}#themeToggle{display:none}label{cursor:pointer}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;color:var(--font-color);background-color:var(--bg-color)}.navbar{background-color:var(--bg-light-color);display:flex;justify-content:space-between;padding:0 30px;color:var(--font-color)}.logo{padding:10px;font-size:x-large;font-family:Arial,Helvetica,sans-serif;font-weight:700}.navbar>ul{list-style:none;display:flex;margin:0;font-size:42px;gap:15px}.navbar>ul>li{cursor:pointer}.flex{display:flex;flex-wrap:wrap;color:var(--font-color);background-color:var(--bg-color)}.sidebar{width:30%}.main{width:70%}.box{margin:10px;padding:20px;background-color:var(--bg-light-color);border-radius:10px}.icon{color:var(--bg-color);font-size:1.125em;margin-right:.25em}.skilbar{background-color:var(--bg-color);width:100%;border-radius:10px;text-align:center}.height{background-color:var(--primary-color);font-size:14px;color:#fff;padding:3px;animation-name:bar;animation-duration:2s;overflow:hidden;border-radius:10px;text-align:center}@keyframes bar{0%{width:0}}@media (max-width:480px){.main,.sidebar{width:100%}.box{padding:10px}.navbar{padding:0}}.drop-down{visibility:hidden;position:absolute;right:0;font-size:large;list-style:none}.drop-down li{background-color:var(--bg-light-color);border-bottom:1px solid var(--font-color);padding:5px 5px 2px;text-wrap:nowrap}.drop-down li a{text-decoration:none;color:var(--primary-color)}.drop-down li:hover,.drop-down li:focus{background-color:var(--bg-color)}.drop-down-toggle{position:relative}.drop-down-toggle:hover .drop-down,.drop-down-toggle:focus .drop-down{visibility:visible}