*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif}.nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px}.nav>.nav-header>.nav-title a{font-size:40px;text-decoration:none;cursor:pointer;color:#fff;font-family:Vollkorn,serif}.nav>.nav-list{display:flex;align-items:center;gap:25px}.nav>.nav-list>li{list-style-type:none}.nav>.nav-list>li a{text-decoration:none;color:#efefef;cursor:pointer;font-size:16px;font-weight:200;align-items:center;display:flex;padding:8px 16px}.nav>#nav-check{display:none}.avatar{display:block}.nav-btn{display:none}.nav-list{background-color:#1C1C1C;position:relative;padding:8px 30px;border-radius:30px;outline-offset:-2.1px;outline:2px solid black}.nav-list:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,#FFD49C,#7A87FB 80%);z-index:-1}.nav-list a.active{background-color:#292929}.nav-list a{padding:4px 8px;border-radius:15px}@media (max-width:480px){.nav{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.nav>.nav-btn,.nav>.nav-btn>label{display:inline-block}.nav>.nav-btn>label>span{display:block;background-color:#292929;border-radius:30px;padding:5px 20px}.nav>.nav-list{position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;background-color:#1C1C1C;transition:height .3s ease;z-index:10;padding:0 20px}.nav>#nav-check:checked~.nav-list{height:100vh}.nav>.nav-list>li{width:100%;margin-top:50px}.avatar{display:none}.gradient-outline{position:relative;padding:15px;border-radius:10px;outline-offset:-2.1px;outline:2px solid black}.gradient-outline:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,#FFD49C,#7A87FB 80%);z-index:-1}.nav-list{background-color:unset}.nav-list,.nav-list:before{background:none;outline:none}}@media(width >= 1250px){.nav{display:flex;justify-content:space-between;align-items:baseline;align-items:center;margin-bottom:50px}.nav-list{background-color:#1C1C1C;position:relative;padding:14px 50px;border-radius:36px;outline-offset:-2.1px;outline:0 solid black}.nav>.nav-list{display:flex;align-items:center;gap:45px}.nav>.nav-list>li a{text-decoration:none;color:#efefef;cursor:pointer;font-size:18px;font-weight:200;align-items:center;display:flex}.nav-list a{padding:8px 12px;border-radius:20px}.nav>.nav-header>.nav-title a{font-size:60px}}