*{box-sizing:border-box;}body{font-family:monospace;margin:0;padding:0;font-size:large;display:grid;place-content:center;min-height:100dvh;background:rgb(36,0,46);}.card{display:flex;flex-direction:column;background:rgba(4,0,5,.3);border-radius:15px;padding:1rem;color:#fff;background-image:url('../bg-logo.png');background-size:60px;background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;}.card-header{display:flex;flex-direction:row;justify-content:space-between;}.card-header div span{color:rgb(92,10,114);}.card-header .card-point{display:flex;flex-direction:row;padding:0;justify-content:start;align-items:center;gap:5px;}.card-header .card-point span{width:16px;height:16px;border-radius:50%;}.card-header .card-point span:nth-child(1){background-color:rgba(255,0,0,.2);}.card-header .card-point span:nth-child(2){background-color:rgba(255,255,0,.2);}.card-header .card-point span:nth-child(3){background-color:rgba(0,255,0,.2);}.card-header div:last-child span{text-transform:uppercase;font-weight:bold;}.card-body ul{display:flex;flex-direction:column;padding:0;color:#cc8932;}.card-body li{display:flex;flex-direction:row;gap:5px;padding-left:10px;}.card-body li span{color:#cc8932;}.card-body li:nth-child(4) span:last-child{text-transform:lowercase;& a{text-decoration:none;color:inherit}}.card-body li:nth-child(2) span:last-child{text-transform:uppercase;font-weight:bold;}.card-body li span:last-child{text-transform:capitalize;color:#f9ed02;}.card-body p{padding-left:10px;}@media (max-width:500px){main{font-size:12px}}@media (min-width:769px){main{font-size:x-large}}@media (min-width:1280px){main{font-size:xx-large}}