.dropdown-bar{width:70%;min-height:auto;box-shadow:0 0 10px var(--secondary);background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:10px;display:flex;position:relative}.dropdown-bar:hover{background-color:#f5f5f5}.top-bar-dropdown{text-align:left;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.top-bar-dropdown h1{color:#144567;margin-left:20px;margin-right:auto;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:400}.dropdown-text{opacity:0;color:var(--primary1);height:fit-content;transition:opacity 1s ease-in-out;display:none}.dropdown-text p{width:95%}.dropdown-text.active{opacity:1;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.dropdown-bar p{font-family:Open Sans,sans-serif;font-size:(1rem,4vw,1.3rem);opacity:0;align-self:flex-start;width:95%;padding:10px;animation:1s ease-in forwards fade}.open-dropdown,.close-dropdown{cursor:pointer;opacity:0;width:15px;height:15px;margin-right:20px;text-decoration:none;display:none}.open-dropdown.active,.close-dropdown.active{opacity:1;justify-content:center;align-items:center;display:flex}@media only screen and (max-width:884px){.dropdown-bar{width:95%}}