body{margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif;background:#e5e6e6}.mb-3{margin-bottom:1rem}.card{background:#f3f3f3;box-shadow:1px 1px 5px #ddd;padding:1rem;border-radius:5px;margin:.5rem;text-align:left}*{margin:0;padding:0}navbar ul{display:flex;margin:0;justify-content:space-evenly;background:#1e2746;padding:1rem;user-select:none}navbar ul li{list-style:none;font-size:18px;background-color:none!important}navbar ul li a{color:#ddd;text-decoration:none}navbar ul li:nth-child(1){color:#fff;font-size:23px;margin-left:-50px}navbar ul li:nth-child(1) a{color:#fff}router{text-align:center}footer{position:absolute;bottom:20px;right:20px;font-size:12px;font-weight:500;color:#515050}intro{text-align:center}.title{background-color:gray;padding:5px 0;color:#fdfffd;margin:0;font-size:18px;text-align:center}section{background:#e5e6e5;height:60vh;display:flex;justify-content:center;align-items:center}.welcometext{font-size:1.2rem}.welcometext span{color:#0c81e7}a{text-decoration:none;color:#0c81e7}.box{position:absolute;height:300px;width:170px;transform-style:preserve-3d;transform:perspective(1000px) rotateY(-55deg)}.main{animation:animate 4s linear infinite;transform-style:preserve-3d;position:absolute;height:100%;width:100%}.box .main span{position:absolute;height:100%;width:100%;left:0;top:0;background:linear-gradient(0deg,#0c81e7,#eceef000,#00cc88);border-radius:80px;transform-style:preserve-3d;transform-origin:center;display:block}@keyframes animate{to{transform:rotateX(0)}0%{transform:rotateX(-359deg)}}.box .main span:nth-child(1){transform:rotateX(45deg)}.box .main span:nth-child(2){transform:rotateX(90deg)}.box .main span:nth-child(3){transform:rotateX(-45deg)}.box .main span:nth-child(4){transform:rotateX(0)}ul li{list-style:none}router ul li:nth-child(odd){background-color:#0c8;color:#fff}router ul li:nth-child(even){background-color:#469fdf;color:#fff}table{tab-size:50px}table thead{background:#0c81e7;color:#fff}table th{width:50px;padding:5px 20px}table td{color:#232323;padding:5px 20px}table tbody tr:nth-child(odd){background-color:#c2c7c7}.form-component .form{text-align:center;display:grid;place-content:center;min-height:70vh}.form-component form{padding:1rem;display:grid;place-content:center}.form-component form input,.form-component form button{width:300px;border-radius:3px;border:1px solid #ccc;display:block;padding:.7rem;margin-bottom:1rem;outline:none}.form-component form button{width:calc(300px + 1.4rem)}.child-component{display:grid;place-content:center}.child-component .card{min-width:500px}.child-component .card .grid{place-content:center;display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem}.footer-component{background:#05050a;color:#ccc;text-align:center;bottom:0;padding-top:5rem;padding-bottom:5rem}.footer-component b{color:#fff;font-size:1.1rem}main{min-height:80vh}.name-component{display:grid;place-content:center}