@charset "UTF-8";body{margin:0;font-family:Arial,sans-serif}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.logo{width:100px;height:auto;position:absolute;top:20px;left:20px}.title{font-size:24px;margin-bottom:20px;color:#000;font-family:Inder;font-size:96px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:19.2px}@media screen and (max-width: 768px){.logo{top:10px;left:10px}.title{font-size:48px;letter-spacing:9.6px}}.search--bar input{display:flex;font-size:35px;font-family:"Inria Serif";width:100%;max-width:400px;height:50px;padding:20px 15px;align-items:flex-start;gap:23px;flex-shrink:0;border-radius:40px;border:.7px solid rgba(0,0,0,.5);background:#fff;box-shadow:0 4px 6px #0000001a}.search--bar{display:flex;justify-content:center;flex-direction:column;align-items:center;width:30%;padding:20px}.search--box{width:100%;max-width:300px;justify-content:center;align-items:center;padding:10px;font-size:1rem;border:2px solid #ccc;border-radius:5px;transition:border-color .3s ease}.search--box--course{padding:10px;text-align:center;cursor:pointer;transition:transform .3s ease}.search--box--course:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.search--bar input{font-size:20px;max-width:300px;padding:15px 10px}.search--box{max-width:250px}}.suggestion-dropdown{margin-left:15%;margin-right:15%;animation:pop-up 2s ease forwards}.suggestion-key{font-family:Courier New,Courier,monospace}@keyframes pop-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 768px){.suggestion-dropdown{margin-left:5%;margin-right:5%}}