*{font-family:serif;position:relative}body,html{margin:0;padding:0;width:100%;height:100%}body{background-color:#f1d9d9;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}body a{position:absolute;left:2rem;top:2rem;text-decoration:none;color:#555;font-size:1.5rem}body a:hover{background-color:#fff}section{display:flex;flex-direction:column;align-items:center;justify-content:center}.namecard{width:400px;height:240px;padding:20px;margin-top:12rem;margin-bottom:0;background-color:#eee;letter-spacing:1px;color:rgba(0,0,0,.5);overflow:hidden;border-radius:6px;border:solid 1px rgba(0,0,0,.15);font-weight:200;box-shadow:0 0 25px rgba(0,0,0,.2);transition:.5s ease-in-out}.namecard h2{font-size:25px}.namecard h2 span{font-size:16px}.namecard h5{color:#69f}.namecard p{line-height:22px}.namecard .circle{width:100px;height:100px;border-radius:100%;position:absolute}.namecard .circle1{right:100px;background-color:rgba(203,4,2,.9)}.namecard .circle2{right:-20px;top:-15px;width:60px;height:60px;border:2px #cb0402 solid}.namecard:hover{transform:translateY(-3%)}h5.title{color:#fff;text-align:center;font-size:36px;margin:1rem}h3.back{background:linear-gradient(75deg,#b49e97,#d7c4bb,#bca6af,#d7c4bb,#b19693,#d7c4bb);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);z-index:-1;opacity:.3;text-align:center;font-size:300px;font-weight:100}