body{font-family:Arial,sans-serif;background-color:#fff;margin:0;padding:0}a{text-decoration:none}.site-button-container{display:flex}.light-mode{background-color:#fff;color:#000}.light-mode h1{color:#333}.dark-mode{background-color:#333;color:#fff}.dark-mode label{background-color:#333;color:#000;font-size:large}.dark-mode h3{background-color:#333;color:#fff;font-size:large}.banner{background-image:url(/assets/abstract-6047465_1280-6d50aef6.jpg);background-size:cover;color:#fff;text-align:center;padding:20px;border:0!important}#name{font-size:36px}.header-picture{display:block;margin:0 auto;border-radius:60%}.header-picture:hover{animation-name:spin;animation-duration:2s}.footer{height:0px;width:0px}.dark-mode footer{background-color:#333}.info-buttons:hover{color:red;cursor:pointer}.github-box{width:700px;height:650px;background-color:#00f;text-align:center;line-height:700px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s}.github-box img{width:100px;animation:jumpAnimation 3s infinite}.github-box img:hover{animation-play-state:paused}.github-box:hover{background-color:#add8e6;transform:scale(1.1);z-index:1;box-shadow:0 0 10px #0000004d}.blog-box{width:700px;height:650px;background-color:#8b0000;text-align:center;line-height:750px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s}.blog-box:hover{background-color:#f08080;transform:scale(1.1);z-index:1;box-shadow:0 0 10px #0000004d}.blog-box img{width:125px;animation:spin 3s infinite}.codespace-box{width:700px;height:650px;background-color:#000;text-align:center;line-height:600px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s}.codespace-box:hover{background-color:gray;transform:scale(1.1);z-index:1;box-shadow:0 0 10px #0000004d}a.disabled{pointer-events:none;cursor:auto}.codespace-box a:hover{color:#fff}.dark-mode-moon{width:50px;height:50px;font-size:30px;background-color:red;color:gray;border-radius:80%;cursor:pointer;display:flex;justify-content:center;align-items:center}.toggle{position:absolute;display:block;width:80px;height:80px;background:none;border-radius:80%;box-shadow:0 8px 60px #00000080}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jumpAnimation{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}