@font-face { font-family:'NDS12'; src:url('NDS12.eot'); src:url('NDS12.eot?#iefix') format('embedded-opentype'), url('NDS12.woff') format('woff'), url('NDS12.ttf') format('truetype'), url('NDS12.svg#NDS12') format('svg'); font-weight:normal; font-style:normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family:'NDS12'; src: url('NDS12.svg') format('svg'); font-weight:normal; font-style:normal; } } html { font-size: 10px; } body { font-family: 'NDS12'; background-color: #EFEFEF; margin: 0; padding: 0; } p, h1, h2 { margin: 4rem; } p { font-size: 2em; } li { font-size: 2rem; margin-left: 1em; } h1 { font-size: 4em; margin-bottom: 0px; } h2 { font-size: 3em; margin-bottom: 0px; } /* unvisited link */ a:link { color: #1a940d; } /* visited link */ a:visited { color: #126409; } /* mouse over link */ a:hover { color: #66ff00; } /* selected link */ a:active { color: #1a940d; } .navbar ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1a940d; } .navbar li { font-size: 2em; } .navstd { float: left; margin: 0; } .navstd a { display: block; color: white; text-align: center; padding: 1em 1em; text-decoration: none; } .navstd a:hover { background-color: #22cc4d; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 2em; border: none; outline: none; color: white; padding: 1em 1em; background-color: inherit; font-family: inherit; margin: 0; } .dropdown:hover .dropbtn { background-color: #22cc4d; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; font-size: 2em; } .dropdown-content a { float: none; color: black; padding: 1em 1em; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; }