.upper{background:linear-gradient(0deg,var(--maintext),var(--darkRed));color:#fff;z-index:99999;background-size:115% 115%;border-bottom:1px solid #fff;border-radius:0 0 20px 20px;justify-content:center;align-items:center;width:100%;padding:1px 0;transition:all .4s;display:flex;position:fixed;top:0;box-shadow:1px 4px 6px #000000d7}.upper button{display:none}.upper .link{background:linear-gradient(135deg,var(--maintext),var(--darkRed),var(--herotext));text-shadow:2px 5px 6px #000;color:#fff;background-size:400% 400%;border:1.5px solid #fff;border-radius:25px;margin:auto;padding:10px 20px;font-size:large;text-decoration:none;transition:all .4s;animation:8s infinite gradientMove;box-shadow:4px 4px 17px #1d0d0d}.upper .link:hover{transform:scale(1.1);box-shadow:2px 2px 20px #1d0d0d}.header-photo{justify-content:center;align-items:center;width:150px;padding-left:15px;display:flex}.upper button{margin:0 12vw}.nav{width:40px;transition:all .4s}.nav:hover{transform:scale(.9)}.home{width:38px;transition:all .4s}.home:hover{transform:scale(.9)}.overlay{z-index:999;border-radius:15px;padding:15px;animation:.3s forwards fadeIn;position:fixed;top:80px;right:100px}.menu{text-align:center;background:#111;border-radius:12px;flex-direction:column;align-items:center;width:220px;padding:10px;animation:.3s forwards slideDown;display:flex;box-shadow:0 0 20px #ff00004d}.close-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;transition:all .3s}.close-btn:hover{color:red;background:#fff}.menu a{color:#fff;padding:10px 0;font-size:16px;text-decoration:none;transition:all .3s;display:block}.menu a:hover{color:red;padding-right:5px}.menu hr{color:#fff;background:#ff00004d;border:none;height:1px;margin:5px 0}.hero-photo{object-fit:cover;filter:blur(2px);max-height:250px}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@media not (min-width:700px){.upper .link{font-size:small}}@media not (max-width:700px){.upper .link{font-size:large}}@media not (min-width:530px){.upper{background:linear-gradient(135deg,var(--maintext),var(--darkRed),var(--herotext));background-size:200% 200%;animation:8s infinite gradientMove}.upper .link{display:none}.header-photo{width:125px;margin-left:0;padding-left:0}.upper button{display:block}}