.navbar{background:linear-gradient(to right,#1e3a8a,#0f766e);position:fixed;width:100%;z-index:50;text-decoration:none}.navbar-container{max-width:7xl;margin:auto;padding:0 1rem}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{font-size:1.875rem;font-weight:700;color:#fff;cursor:pointer;transition:color .3s}.logo:hover{color:#2dd4bf}.nav-item{color:#d1d5db;padding:.75rem .5rem;border-radius:.375rem;font-size:.875rem;display:flex;align-items:center;transition:all .3s}.nav-item:hover{color:#fff;transform:scale(1.05)}.button{border:0;background-color:#14b8a6;color:#fff;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .3s,transform .3s;margin-right:7px}.button:hover{background-color:#0e9f8c;transform:scale(1.05)}.mobile-menu{display:none}@media (max-width: 768px){.mobile-menu{display:flex}.non{border:none}}body{font-family:sans-serif;font-size:1.5rem}img{max-width:50vw;max-height:25vw;display:block;margin:auto}form{display:flex;justify-content:center;gap:.5em;flex-flow:row wrap;max-width:40vw;margin:auto;align-items:baseline}button[type=submit]{padding:5px 20px;margin:10px auto;float:right}#greeting{margin:10px auto;padding:10px 60px;border:1px solid #222}#greeting:empty{display:none}.browser-warning{display:none}