// sass --watch ebibd/static/ebibd/scss:ebibd/static/ebibd/css *,*::before,*::after{box-sizing:border-box}*{// background-color:green;margin:0;padding:0;font:inherit;font-family:"Outfit";// Changed from "Avenir Next LT Pro" scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100vh}body{// max-width:1200px;// margin-left:auto;// margin-right:auto;overflow-x:hidden;margin:0;padding:0;background:rgb(197,213,250);background:linear-gradient(152deg,rgba(197,213,250,1) 0%,rgba(241,245,255,1) 25%);color:#1c3252}.scrolled{background:#ffffff;box-shadow:0px 4px 10px rgba(0,0,0,0.1)}header{// border:2px solid green;padding:1rem;nav{font-size:0.9rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:2;span{display:block;width:25px;height:3px;background:#0a192f;transition:0.3s ease}}}.logo{font-weight:bold;font-size:1.5rem;span{color:#4a72ff}}ul{list-style:none;display:flex;gap:1rem;li{display:inline;a{text-decoration:none;color:#0a192f;transition:color 0.3s ease;&:hover{color:#4a72ff}&.active{color:#4a72ff;font-weight:bold;position:relative;&:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#4a72ff}}}}}.auth{display:flex;gap:10px;font-size:0.8rem;.register,.login{padding:0.5rem 1rem;border:none;border-radius:2px;cursor:pointer}.login{background:#eef4ff;color:#000000;transition:background-color 0.3s ease;&:hover{background:#dce8ff}}.register{background:#4a72ff;color:#ffffff;transition:background-color 0.3s ease;box-shadow:rgba(0,0,0,0.25) 0px 54px 55px,rgba(38,121,254,0.12) 0px -12px 30px,rgba(38,121,254,0.12) 0px 4px 6px,rgba(38,121,254,0.17) 0px 12px 13px,rgba(38,121,254,0.09) 0px -3px 5px;&:hover{background:#357abd}}}}@media (max-width:768px){header nav .hamburger{display:flex;z-index:1003}nav{.hamburger{display:flex;z-index:1002}ul{position:fixed;top:0;right:-100%;height:100vh;width:100%;background:#ffffff;flex-direction:column;justify-content:center;align-items:center;transition:0.3s ease;z-index:1001;&.active{right:0}}.auth{position:fixed;bottom:5%;right:-100%;width:100%;justify-content:center;transition:0.3s ease;z-index:1001;&.active{right:0}}}}