@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.filter form{text-decoration:none;margin:20px;justify-content:space-between}#filterform,.filter form{display:flex;flex-direction:row}#filterform{justify-content:flex-end}.filterform-item{margin-right:25px}input[type=submit]{background-color:#2b9bc7;color:#fff;padding:5px 8px;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#225597}*{box-sizing:border-box}#landingcontent,body,html,main{height:100%;margin:0;padding:0;background:#fff!important;font-family:"Quicksand",sans-serif}header{display:inline}.jumbotron{font-size:20px;padding:60px;background-image:url(https://images.unsplash.com/photo-1513735539099-cf6e5d559d82?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1672);text-align:center;color:#fff}main{overflow:auto}main,nav{padding:20px}nav{background-color:#00a2c6;position:-webkit-sticky;position:sticky;z-index:1;top:0}nav li{display:inline;list-style-type:none;margin-right:20px}nav a{font-size:18px;font-weight:400;color:#fff}a,nav a{text-decoration:none}a:visited#title{color:#7c7c7c}a:hover,a:hover#title{color:#000}nav a:hover{font-weight:700}h2,h3{color:#00a2c6}aside{width:22%;padding-top:15px;padding-left:30px;text-align:left;position:fixed;z-index:1;overflow-x:hidden}aside .card{border:50px #000;border-radius:10px;box-shadow:none;background-color:#efefef}.sidebar h3{color:#000}.landingpage ul,.sidebar ul{list-style-type:none;text-decoration:none;line-height:50px;font-weight:700;color:#7c7c7c}.landingpage ul{padding:15px}.sidebar h3{border-bottom:10px #000}.sidebar ul li a{text-decoration:none}.sidebar ul li a:link,.sidebar ul li a:visited{color:#7c7c7c}.sidebar ul li a:hover{color:#000}#content,#filter{margin-top:20px;float:right;margin-right:20px;width:75%}.card{background-color:#fff;border:2px solid #efefef;border-radius:5px;padding:20px;margin-top:20px;overflow-x:auto}.featured-image{width:100%;max-height:300px;object-fit:cover;object-position:center}table,td,th{border:1px solid #bbb1b1;text-align:left;padding:15px}th{background-color:#31345d;color:#fff}table{width:100%;border-collapse:collapse}footer{padding:20px;color:#fff;background-color:#00a2c6;text-align:center;font-weight:700}body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.tulisan_login{text-align:left;font-weight:800}.kotak_login{margin:150px auto}.kotak_login,.kotak_password{border:2px solid #efefef;border-radius:10px;width:350px;background:#efefef;padding:30px 20px}.kotak_password{margin:20px auto}.form_login{box-sizing:border-box;width:100%;padding:10px;font-size:11pt;margin-bottom:20px}input.tombol_login{background:#00a2c6;color:#fff;font-size:11pt;width:100%;border:none;border-radius:20px;padding:12px 50px;margin:8px 0}input.form_login{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.tombol_login input[type=submit]:hover{background-color:#45a049}.gamesform{width:100%;padding:50px;margin:20px auto}h1{text-align:center}input[type=number].gamesform,input[type=text].gamesform{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit].gamesform{width:100%;background-color:#2b9bc7;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover.gamesform{background-color:#225597}