body{
min-height:100vh;
} .body-container{
height:100%;
} .ul-select{
margin-top: 100px;
} .ul-select li{
list-style: none; font-size:15px; margin-top: 5px; padding-left: 10px;
} .li-title{
padding-left: 0 !important; font-size:16px !important; font-weight: 500; cursor: pointer;
} .detail-title{
font-size:22px; font-weight: 600; border-bottom: 1px solid #0a402b;
} .at,.dw,.ag{
animation: show 0.5;
} .model-container{
padding: 0 50px;
} .model-container h2{
text-align: center; text-decoration: underline; margin:40px 0;
} .model-container span{
color:rgb(0,43,184); cursor: pointer;
} .model-container span:hover{
text-decoration: underline;
} .circle-row{
margin-top: 50px; text-align: center;
} .circle-item{
position: relative; display: inline-block; height:220px; width:220px; margin:0 80px; background-color: green; border-radius: 50%; cursor: pointer;
font-family: "Comic Sans MS"; } .circle-item a{
position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size: 28px; font-weight: 600; color:white;
} .model{
margin-top: 50px; width: 100%; height:700px;
} .table thead tr{
background-color: rgb(242,242,242); color:rgb(0,43,184);
} @keyframes show{
from {opacity: 0;} to {opacity: 1;}
}