body{margin:0;padding:0;overflow:hidden;background-color:#01001B}html{overflow:scroll;overflow-x:hidden}.sun{width:30px;height:30px;justify-self:flex-start;align-self:flex-start;position:absolute;left:5px;top:0}.moon{width:20px;height:20px;justify-self:flex-end;align-self:flex-end}input[type="checkbox"]{display:none}label{background-color:#6444DF;position:absolute;top:45px;border-radius:30px;display:flex;padding:5px;padding-left:40px;cursor:pointer;margin-left:-20px}::-webkit-scrollbar{width:0;background:transparent}.container{width:100%;min-height:200px;margin-left:auto;margin-right:auto}.head{margin-top:80px;margin-left:180px;width:823px;height:288px}.head .purple{color:#6444DF;transition-duration:0.3s}.head .yellow{color:#12EBC8;transition-duration:0.3s}.head h1{color:#fff;font-family:'Montserrat';font-size:64px;font-weight:700;display:inline;line-height:100px}main{min-height:300px;display:flex;justify-content:space-between;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #998dcad7;height:100px}.header-d{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;height:100px;border-bottom:1px solid #CEFFFD;transition-duration:0.8s}#logo{margin-left:80px;width:300px;height:300px}nav{margin:100px;display:flex;align-items:center}.d-night{height:20px;width:50px;border-radius:100vw;display:flex;align-items:center}.mybutton{color:#fff;font-family:'Montserrat';font-weight:700;font-size:22px;text-decoration:none;margin:40px;border-radius:2px}.mybutton:hover{color:#EB5A4C;transition-duration:1s}.theme-switch{position:absolute;top:6px;right:80px}.light-theme{transition-duration:0.8s;background-color:#00539C;margin:0;padding:0;overflow:hidden}.lighthouse{height:900px;width:1000px;margin-top:-30px;margin-right:-150px;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 2s ease-in-out}.image-container img{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.image-container img.transparent{opacity:0}.image-container_onclick{cursor:pointer}.projects{margin-top:50px;height:100px;width:300px;background-color:#6444DF;display:flex;justify-content:center;align-items:center}.projects-d{margin-top:50px;height:100px;width:300px;display:flex;justify-content:center;align-items:center;background-color:#12EBC8;transition-duration:0.3s}.projects p{color:#fff;font-family:'Montserrat';font-size:42px;font-weight:700;text-decoration:none}.projects img{height:27px;padding-left:20px}.projects-d p{color:#221E34;font-family:'Montserrat';font-size:42px;font-weight:700;text-decoration:none}.projects-d img{height:27px;padding-left:20px}a{text-decoration:none}.icon{display:inline-block;margin:20px;border:1px solid lighten(#D83C40,15%);width:200px;height:200px;vertical-align:top;position:relative}.icon-wrapper{display:inline-block;vertical-align:middle;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.mouse-icon{position:relative}.mouse{width:18px;height:35px;background:#fff;border-radius:20px;position:relative;margin-bottom:3px}.mouse:after{content:"";background:#D83C40;width:4px;height:6px;position:absolute;top:5px;left:50%;margin-left:-2px;border-radius:20px;animation:scrollAnim 1.1s infinite}.arrow{width:6px;height:6px;display:block;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);position:relative;margin:0 auto;animation:arrowAnim 1.2s infinite}.arrow.arrow-01{animation-delay:.2s}.arrow.arrow-02{animation-delay:.3s}.arrow.arrow-03{animation-delay:.4s}@keyframes scrollAnim{from{top:5px}to{top:15px;opacity:0}}@keyframes arrowAnim{0%{opacity:0}50%{opacity:1}100%{opacity:0}}