*{margin:0;padding:0}body{color:#fff;background-color:#07485b;margin-top:6rem}a{color:inherit;text-decoration:none}a:focus{outline:none}header{background-color:#07485b;display:flex;flex-direction:column;align-items:center;padding-block:1rem;position:fixed;left:0;top:0;right:0;z-index:10;box-shadow:0 0 10px rgba(42,44,43,.3)}header .header__icon,header h1{filter:drop-shadow(3px 3px 2px rgb(42,44,43))}header .header__icon{display:flex;align-items:center;box-sizing:content-box;border:1px solid rgba(0,0,0,0);border-radius:50%}header .header__icon:focus,header .header__icon:hover{border-color:#dba507;box-shadow:0 0 0 8px #dba507;background-color:#dba507}nav{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem}.searchbar,nav{width:90%;max-width:800px}.searchbar{display:block;background-color:#07485b;color:#fff;font-size:1.2rem;border:none;border-radius:5px;padding:.5rem;margin:2rem auto;outline:2px solid #8ec7d2}.searchbar::placeholder{color:rgba(255,255,255,.8)}.searchbar:focus{outline:2px solid #dba507}.hidden{display:none}.tooltip-span{display:flex;align-items:center}.MuiDialog-container::-webkit-scrollbar{display:none!important}