:root{--heading-color:#272c29;--content-color:#25282a;--background-color1:#e0e0e0;--background-color2:#fff;--superhighlight:#00af66;--normalhighlight:#002710}[data-theme=dark]{--heading-color:#fff;--content-color:#acb9b2;--background-color1:#272c29;--background-color2:#35453b;--superhighlight:#7dbd99;--normalhighlight:#4c7c61}main{font-family:var(--font-montserrat);color:var(--content-color);background-color:var(--background-color1);background:linear-gradient(90deg,var(--background-color1) 22%,var(--background-color2) 100%)}h1,h2,h3,h4,h5{font-family:var(--font-oswald);color:var(--heading-color)}a{position:relative;color:var(--superhighlight);text-decoration:none;transition:all .25s ease}a:hover{color:var(--normalhighlight)}a:before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:0;left:0;background-color:var(--normalhighlight);transform:scaleX(0);transition:transform .3s ease}a:hover:before{transform:scaleX(1)}.particles{position:fixed;width:100%}header{padding:40px}.logo{max-width:75px;max-height:75px}h1{padding:20px}label{width:100px;height:40px;position:relative;display:block;background:transparent;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer}label:after{content:"";width:36px;height:36px;position:absolute;top:2px;left:2px;background:#242424;border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2)}input{width:0;height:0;visibility:hidden}input:checked+label:after{left:98px;transform:translateX(-100%);background:#c6c6c6}label,label:after{transition:.3s;transition-timing-function:linear}label svg{position:absolute;width:24px;height:24px;top:8px;z-index:100}label svg.sun{left:8px;transition:.3s}label svg.moon{left:68px;fill:transparent;transition:.3s}nav ul{list-style-type:none}nav ul li{padding:25px;font-size:16px;font-weight:700;display:inline}footer{padding:40px}.copyright{text-align:right}.socialImage{margin:5px;display:inline;max-height:25px;max-width:25px}.sectioncontainer{min-height:100vh}.pagebox{padding:40px}#skills{text-align:center}#skills ul{list-style:none}.logoImage{max-width:50px;max-height:50px}.techBox{padding:20px}#work h2{text-align:center}.workcontainer{background-color:#35453b;color:#fff;padding:40px;border-radius:20px}.workcontainer h4{color:#fff}.btn{font-weight:700;font-size:16px;color:#35453b;background-color:#7dbd99;display:block}.btn,.btn:hover{border:2px solid #7dbd99}.btn:hover{color:#7dbd99;background-color:#35453b}.workcontainer a:before{display:hidden;width:0;height:0}.workcontainer a:hover:before{transform:scaleX(0)}.techused{font-size:14px;margin:10px;padding:5px 10px;display:inline-block;color:#fff;background-color:#4c7c61;border-radius:20px}.workcontainer img{max-width:250px;padding:20px 0}