body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#3498db;display:flex;flex-direction:column;margin:0;min-height:100vh}h1{color:#fff;margin-top:40px;text-align:center}h1:hover{color:#000}.dropdown-container{margin-left:20%;margin-top:30%;text-align:center}.dropdown-btn{background-color:#fff;color:#3498db;font-weight:700;position:relative;width:200px}.dropdown-list{border:1px solid #3498db;top:calc(100% + 5px);width:200px}.dropdown-list li{background-color:red;color:#fff;transition:background-color .3s,color .3s}.dropdown-list li:hover{background-color:#000;color:#000}.dropdown-container{display:inline-block;position:relative}.dropdown-btn{cursor:pointer;padding:10px}.dropdown-list{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;display:none;left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:100%}.dropdown-list li{cursor:pointer;padding:10px;transition:background-color .3s}.dropdown-list li:hover{background-color:#f0f0f0}.dropdown-container:hover .dropdown-list{display:block}
/*# sourceMappingURL=main.b55c8b81.css.map*/