.top-navbar{background-color:#20232a;overflow:hidden;box-shadow:0 5px 15px #0000004d;padding:10px 20px;width:100%;position:fixed;top:0;z-index:1000;height:60px}.top-navbar a{float:left;display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;transition:background-color .3s}.top-navbar a:hover,.top-navbar a.active{background-color:#282c34;color:#61dafb}body{background-color:#282c34;color:#efefef;font-family:Arial,sans-serif;margin:0;padding:20px}h1,h2,h3,h4,h5{text-shadow:1px 1px 3px #000}p,li{text-shadow:.5px .5px 2px #000;line-height:1.6}a{color:#61dafb}a:hover{text-decoration:underline}.App{text-align:center;font-family:Arial,sans-serif;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-header{background-color:#20232a;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000004d}h1{color:#61dafb}label{margin-right:10px;font-size:1.1rem}select{padding:10px;border-radius:5px;border:1px solid #61dafb;background-color:#fff;color:#333;font-size:1rem;margin-bottom:20px}select:focus{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}p{font-size:1.2rem;margin:5px 0}html,body{margin:0;padding:0}