@import url(https://fonts.googleapis.com/css2?family=Akshar&display=swap);body{font-family:Akshar,sans-serif;background-color:#96ffd6}.card{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);width:60%;background-color:#fff;box-shadow:10px 10px 10px #000;border-radius:10px;padding-bottom:3em;padding-top:3em}.card .banner{width:100%}.skills ul{list-style-type:none;padding-left:0}.skills li{display:inline;margin-right:1em;align-items:center}.icon{width:1em;margin-right:.5em}.name{font-size:3em;margin:0;transition:all .3s ease 0s}.desc{margin-top:0;font-size:1.5em;transition:all .3s ease 0s}.buttons{margin-top:2em}button{padding:1.3em 3em;font-size:12px;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;color:#000;background-color:#d3d3d3;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:0;width:20em}button:hover{background-color:#2ee59d;box-shadow:0 15px 20px rgba(46,229,157,.4);color:#fff;transform:translateY(-7px)}button:active{transform:translateY(-1px)}.desc:hover,.name:hover,.stats:hover{text-shadow:0 15px 20px rgba(46,229,157,.4);color:#2ee59d;transform:translateY(-4px)}.rb{display:none}.statsdivider{height:1.5em;border-left:2px solid #000;margin:.5em}.stats{margin-top:2em;text-align:center;transition:all .3s ease 0s}@media screen and (min-width:500px){body{zoom:125%}}@media screen and (max-width:400px){button{width:15em;margin-bottom:1em}.card{width:75%}.rb{display:block}}