@import"https://fonts.googleapis.com/css2?family=Poppins&family=Quicksand:wght@300&family=Roboto&family=Rubik&display=swap";*{flex-shrink:0}.navbar{align-items:center;display:flex;background-color:#fafafa;padding:2.5rem;color:#ff5c5c;flex-shrink:0}.navbar .w-title{user-select:none;cursor:pointer;font-size:1.7em;flex-shrink:0;flex-wrap:nowrap}.navbar ul{list-style:none;position:absolute;right:2rem;display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem;text-transform:uppercase}.navbar ul li{user-select:none;cursor:pointer;font-size:1.1em;font-family:Quicksand,sans-serif;font-weight:600;color:#ff5c5c;padding:.5em}.navbar ul li:focus,.navbar ul li:hover{color:#f66;transition:all .2s ease-in}.navbar ul li:nth-child(2){padding-inline:10px;padding-block:5px;background-color:#ff5c5c;border-radius:5px;color:#fff}.navbar ul li:nth-child(2):focus,.navbar ul li:nth-child(2):hover{background-color:#f66}@media (max-width: 532px){.navbar{flex-direction:column;padding-block:25px;padding-inline:5px}.navbar ul{position:static;margin-top:6px}}*{padding:0;margin:0}body{font-family:Rubik,sans-serif;color:#ff5c5c;background-color:#fff}@media (max-width: 300px){.App{background-color:red}}