@font-face{font-family:"Poppins";src:url("../fonts/Poppins/Poppins-Light.ttf"),url("../fonts/Poppins/Poppins-Regular.ttf"),url("../fonts/Poppins/Poppins-Medium.ttf"),url("../fonts/Poppins/Poppins-Bold.ttf")}*,*::before,*::after{box-sizing:border-box}body{margin:0}#wrapper{position:relative;font-family:"Poppins";margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);--background-color: #FDF7F1;--foreground-color: #333333;--text-color: var(--foreground-color);--icon-color: var(--background-color);--toggle-icon: "";--toggle-color: var(--foreground-color);--toggle-icon-color: var(--background-color);--border-color: var(--foreground-color);--border-width: 3px;--footer-color: #000000;--green: #80CEB9;--red: #F9AEC0;--blue: #8BCDDA;--grey: #BFC2C5}#wrapper.dark{--background-color: #161616;--foreground-color: #343434;--text-color: var(--foreground-color);--icon-color: #FDF7F1;--toggle-icon: "";--toggle-color: #FFFFFF;--toggle-icon-color: var(--text-color);--border-color: #2F2F2F;--border-width: 3px;--footer-color: #FFFFFF}#wrapper .bg-green{background-color:var(--green)}#wrapper .bg-red{background-color:var(--red)}#wrapper .bg-blue{background-color:var(--blue)}#wrapper .bg-grey{background-color:var(--grey)}#wrapper button#themeToggle{position:fixed;display:flex;color:var(--toggle-icon-color);background-color:var(--toggle-color);top:30px;right:30px;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;outline:none;border:none}#wrapper button#themeToggle #themeToggleIcon{--icon-size: 26px;height:var(--icon-size)}#wrapper button#themeToggle #themeToggleIcon::before{content:var(--toggle-icon);font:var(--fa-font-solid);font-size:var(--icon-size);line-height:var(--icon-size);width:var(--icon-size)}#wrapper main{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;height:100vh}#wrapper main #profile{display:flex;flex-flow:column nowrap;align-items:center;margin-block-end:25px}#wrapper main #profile>.profile-image{width:100px;height:100px;background-position:50% 50%;background-size:100px 100px;background-repeat:no-repeat;border-radius:50%;border:var(--border-width) solid var(--border-color);cursor:pointer;transition-duration:.25s;transition-timing-function:ease;transition-property:transform}#wrapper main #profile>.profile-image:hover{transform:rotate(-10deg) scale(1.2)}#wrapper main nav{display:flex;justify-content:center;flex-flow:column nowrap;row-gap:20px;counter-reset:link}#wrapper main nav .nav-link-wrapper{position:relative}#wrapper main nav .nav-link-wrapper:hover .nav-link{transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px)}#wrapper main nav .nav-link-wrapper .nav-link{display:flex;align-items:center;width:320px;height:80px;border:var(--border-width) solid var(--border-color);border-radius:10px;color:var(--text-color);text-decoration:none;opacity:0;animation:fade-up;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;transition-duration:.25s;transition-timing-function:ease;transition-property:transform}#wrapper main nav .nav-link-wrapper .nav-link .icon-container{display:flex;align-items:center;padding:10px;height:100%;color:var(--icon-color);background-color:var(--foreground-color);border-top-left-radius:6px;border-bottom-left-radius:6px}#wrapper main nav .nav-link-wrapper .nav-link .link-body{font-size:larger;font-weight:bold;color:var(--text-color);margin-inline:1em}#wrapper main nav .nav-link-wrapper .nav-link .link-icon{align-self:center;color:var(--text-color);margin-inline-start:auto;margin-inline-end:15px}#wrapper main nav .nav-link-wrapper .nav-link::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition-duration:.25s;transition-timing-function:ease;transition-property:opacity}#wrapper main nav .nav-link-wrapper .nav-link:hover::after{opacity:1}#wrapper main nav .nav-link-wrapper:nth-of-type(1) .nav-link{animation-delay:0.07s}#wrapper main nav .nav-link-wrapper:nth-of-type(2) .nav-link{animation-delay:0.14s}#wrapper main nav .nav-link-wrapper:nth-of-type(3) .nav-link{animation-delay:0.21s}#wrapper main nav .nav-link-wrapper:nth-of-type(4) .nav-link{animation-delay:0.28s}#wrapper footer{display:flex;position:absolute;bottom:-1.5em;background-color:var(--background-color);color:var(--footer-color);width:100%;place-content:center}@keyframes fade-up{from{transform:translateY(50px)}to{transform:translateY(0);opacity:1}}