.logo{color:var(--foreground)}.logo span{margin-left:10px;font-size:20px}.logo h1{font-family:"emoji";font-size:42px}.logo{text-align:center}.header-df{z-index:10000;color:#000;background-color:#fff;border-bottom:1px solid #791212;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:80px;padding:0 3%;display:flex;position:fixed;top:0}.header-df .logo img{height:auto;width:55px!important}.color-changer{align-items:center;gap:6px;margin-top:2%;display:flex}.day-night{border:1px solid #000;border-radius:50px;justify-content:space-between;width:60px;height:26px;padding:2px 4px;display:flex;position:relative}.rounder-div-changer{border:var(--borderColor)#fff;z-index:1;background-color:#000;border-radius:50%;width:20px;height:20px;transition:all .6s;position:absolute;left:3px}.color-changer h3{font-size:16px;font-weight:lighter}.menu-color{flex-direction:row-reverse;align-items:center;gap:11%;display:flex}.menu svg{width:35px;height:35px;margin-top:5px}.flip-logo img{object-fit:contain;width:100px;height:80px;position:absolute}.flip-container{perspective:800px;width:100px;height:80px;display:inline-block;position:relative}.flip-front,.flip-back{backface-visibility:hidden;width:100%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:0}#on{color:gray}.second-navbar{margin-top:0;padding:15px 0}.second-navbar ul{justify-content:center;display:flex}.second-navbar ul li{list-style:none}.second-navbar ul li a{margin:23px;font-size:17px;font-weight:700;text-decoration:none;position:relative}.header-right{align-items:center;gap:20px;display:flex}.mobile,#check{display:none}@media screen and (max-width:768px){.mobile{display:flex;position:relative;top:0}.header-df.desktop,#check{display:none}#ham{cursor:pointer;z-index:1001}.second-navbar ul{background-color:#efefef;flex-direction:column;width:50%;height:100vh;transition:left .8s;position:absolute;top:100%;left:-100%;justify-content:flex-start!important}.second-navbar.mobile-open ul{left:0}.second-navbar.mobile-open ul li{margin-top:20px;padding:0 10px}.flip-logo img{width:70px;height:auto}#ham,#cancel{transition:all .4s step-end}.nav{height:100vh}#ham{background:0 0;border:none}#ham svg{width:30px;height:30px}#ham svg path{fill:#000}.header-right{align-items:center!important}.flip-logo{justify-content:center;width:100%;height:100%;display:flex}.color-changer h3{font-size:12px}.day-night{border:1px solid #000;width:54px;height:21px}.rounder-div-changer{width:15px;height:15px;position:absolute}.header-df{height:50px;padding:0 10px;position:fixed}.menu-color svg{width:14px;height:14px}.color-changer{gap:2px}.color-changer h3{display:none}}@media (max-width:1024px){.color-changer h3{display:none}}@media (min-width:768px) and (max-width:1200px){.header-df{height:auto}.second-navbar ul li a{font-size:12px!important}.second-navbar ul{margin-top:-7px}.flip-logo img{width:80px}.day-night svg{width:15px;height:15px}.rounder-div-changer{width:16px;height:16px;position:absolute}.day-night{border:1px solid #000;width:55px;height:22px}}@media (min-width:1200px) and (max-width:1440px){.header-df{height:auto}.second-navbar ul li a{font-size:16px!important}.second-navbar ul{margin-top:-7px}.flip-logo img{width:130px}.day-night svg{width:15px;height:15px}.rounder-div-changer{width:16px;height:16px;position:absolute}.day-night{border:1px solid #000;width:55px;height:22px}}@media (min-width:1450px) and (max-width:2150px){.flip-logo img{width:130px;height:100px;margin-top:0}.flip-container{width:130px;height:100px}}
