@use 'default_colors';@use 'default_typography';body{transition:background-color 0.3s ease;background-color:#B7FFFA;margin:0px;display:flex;flex-direction:column;align-items:center}body.dark-mode{background-color:#063532}body.dark-mode .box{background-color:rgba(92,139,184,0.8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.box{transition:background-color 0.3s ease;background-color:rgba(0,0,139,0.8);padding:8px;border-radius:8px}.switch-container{width:60px;height:30px;padding:2px;position:relative}.theme-switch{display:none;position:absolute;top:0px;left:0px}.theme-switch[type="checkbox"]:checked+.switch:before{transform:translateX(30px);background-color:#000}.switch{display:inline-block;width:60px;height:30px;position:relative;background-color:#ccc;border-radius:17px;transition:background-color 0.3s ease}.switch:before{content:"";position:absolute;top:2px;left:2px;background-color:#fff;width:calc(30px - 4px);height:calc(30px - 4px);border-radius:35px;transition:transform 0.3s ease;z-index:999}.flex-row{display:flex;flex-direction:row}h1{font-size:1.8rem;margin:0px}#avatar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-content:center;gap:8px;width:90vw;margin:8px;padding:8px;border-radius:16px;color:white}#avatar img{border-radius:9999px;height:150px;height:150px}@media (min-width: 640px){#avatar{width:450px}}#about{display:none}#linktree{display:flex;flex-direction:column;gap:8px;width:150px;list-style:none;padding:0px;margin:0px;width:450px}#linktree li{list-style:none;text-align:center;transition:transform 0.3s ease}#linktree li:hover{transform:scale(1.1)}#linktree li a{display:flex;align-items:center;justify-content:space-between;margin-left:10rem;margin-right:10rem;color:white;text-decoration:none}footer{display:flex;justify-content:space-around;position:absolute;bottom:0;left:0;width:100%}