.navBar ul{float:left;height:100%;padding-left:1%;list-style-type:none;position:fixed;overflow:hidden;padding-top:10px!important}ul{float:left;height:100%;padding-left:1%;list-style-type:none;position:fixed;overflow:hidden}.ward-waternote{color:#6b7575;margin-left:35px;font-size:11px;position:absolute;bottom:1px}li{width:100%}#id2{padding-left:35px}li a{color:#888;padding-bottom:10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}#ig:hover,#i1:hover{opacity:.5}li a:hover,.dropdown:hover .dropbtn{color:#6b7575}.logo{width:175px;margin-bottom:30px}.ig-logo{width:5%;height:5%}.ig-logo-div{text-align:right;margin-bottom:20px;margin-right:84px}.avatar{border-radius:50%;width:25%;height:25%}.about-paragraph{text-align:center;font-size:20px}.wi{margin-right:30px;font-size:50px;position:absolute;top:60px;left:80px}.navBar{height:100%;padding-top:10px}.selectedBody{float:right;width:88%;height:100%}.darkmode-text{float:left;margin-left:35px;font-size:10px;font-weight:700;line-height:15px}.togglebutton{float:right}.toggle-div{margin-left:35px;display:inline-block}
.toggle-switch{float:right;width:30px;height:15px;margin-top:9px;margin-right:30px;position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .switch{cursor:pointer;background-color:#ccc;border-radius:25px;transition:background-color .2s;position:absolute;inset:0}.toggle-switch .switch:before{content:"";background-color:#aaa;border-radius:50%;width:11px;height:11px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch input[type=checkbox]:checked+.switch:before{background-color:#69c;transform:translate(15px)}.toggle-switch input[type=checkbox]:checked+.switch{background-color:#369}.header-div{height:25px;margin-right:4%}
@keyframes removeNavMenu{0%{display:block}to{display:none}}@keyframes appearNavMenu{0%{top:-100px}to{top:0}}@-webkit-keyframes fadeout{0%{opacity:1;visibility:visible}99%{opacity:0}to{opacity:0;visibility:hidden}}.fadeout{visibility:hidden;-webkit-animation:1s linear fadeout}@-webkit-keyframes fadein{0%{opacity:0;visibility:visible}to{opacity:1}}.fadein{-webkit-animation:1s linear fadein}.mobileNav-view{z-index:5;width:100%;height:max-content;transition:top .5s;position:fixed;top:0;overflow:hidden}.mobileNav-view a{-webkit-tap-highlight-color:transparent    ;margin-bottom:8px;padding:9px 16px;font-size:17px;text-decoration:none;display:block}.close{cursor:pointer;margin-right:20px;padding-top:10px;display:block;position:absolute;top:0;right:0}.bar1,.bar2,.bar3{border-radius:8px;width:35px;height:3px;margin:7px 0;transition:all .4s}.Change .bar1{transform:rotate(-45deg)translate(-9px,6.5px)}.Change .bar2{opacity:0}.Change .bar3{transform:rotate(45deg)translate(-8px,-6.5px)}.link-t{height:0}.links-active{text-align:center;resize:none;height:100%;font-size:4px;font-weight:700;transition:height .15s ease-in-out;bottom:0;overflow:hidden}.links-nonactive{background-color:pink;height:0;transition:height .5s;overflow:hidden}.para{margin-top:2px;margin-bottom:2px}.mobile-logo{width:80px}.dark-mode{padding-top:20px;padding-left:30px}.mobile-darkmode-text{float:left;margin-bottom:25px;margin-left:35%;font-size:10px;font-weight:700}.darkmode-toggle{margin-right:30%}