:root{--bg:#EAF1FD;--grid:#e5e7eb}.layout__navbar{width:100%;display:flex;justify-content:center;align-self:center;position:absolute;top:8.5rem;z-index:1000}@media (min-width:768px){.layout__navbar{position:relative;margin-top:-3rem}}.navbar__container{position:absolute;width:100%;padding:1rem;display:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:radial-gradient(125% 125% at 50% 10%,#fff 40%,#6366f1 100%);background-repeat:repeat;box-shadow:1px 1px 10px #d1dceb}@media (min-width:768px){.navbar__container{max-width:125rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:start;gap:2rem}}.navbar-jquery-icon,.navbar-jquery-ui-icon{width:2rem;height:2rem}.navbar__title{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:2rem;margin-top:2rem;margin-bottom:3rem;padding:1rem;border-radius:15px;background-color:#f7e7c0;background-image:linear-gradient(to right,#e5e7eb 1px,transparent 1px),linear-gradient(to bottom,#e5e7eb 1px,transparent 1px);background-size:40px 40px;box-shadow:10px 10px 10px #d1dceb}.navbar__title h3{font-size:1.6rem;font-weight:700;color:#036aad;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.navbar__list{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;padding:2rem;background:radial-gradient(125% 125% at 50% 10%,#fff 40%,#6366f1 100%);background-repeat:repeat}@media (min-width:768px){.navbar__list{width:30rem}}.navbar__item{width:100%;padding:0 2rem}.navbar__item a{position:relative;width:100%;padding:.5rem 2rem;border-radius:5px;display:flex;justify-content:left;align-items:center;font-size:1.2rem;font-weight:700;color:#fff;background-color:#7096e5;box-shadow:2px 2px 5px 3px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease-in-out}.navbar__item a:hover{margin-left:2rem;background-color:#3b82f6}