@import url(https://fonts.googleapis.com/css?family=Poppins:400,500);*{box-sizing:border-box}body,html{overflow:hidden}body{background-color:#072f5f;display:grid;font:400 16px/1.5 Poppins,sans-serif;height:100vh;margin:0;place-items:center}.card{background-color:#fffff9;border-radius:1rem;box-shadow:0 30px 20px -10px #0003;margin:2rem;max-width:300px}.card button{border:none;cursor:pointer}.card button:focus{outline:0}.card .top{background:url(/proyek13-virtualcard/static/media/ling.a1b704b94c0d68c3248f.png) no-repeat top;background-size:100%;border-radius:1rem 1rem 0 0;color:#fffff9;height:360px;position:relative;transition:background-size 1.5s ease-in-out;width:300px}.card .top:after{background:linear-gradient(#0000,#000000b3);bottom:0;content:"";height:33%;left:0;position:absolute;width:100%}.card .top .social-buttons{float:left;padding:.6rem 1.5rem 1.5rem .9rem;position:absolute;top:0}.card .top .social-buttons.right{float:right;padding:.6rem .9rem 1.5rem 1.5rem;right:0;top:0}.card .top .social-buttons button{background-color:initial}.card .top .social-buttons button i{color:#adc0d8;font-size:1rem}.card .top .social-buttons button:hover i{color:#fffff9;transform:scale(1.5)}.card .top button.like{background-color:initial;bottom:1.5rem;position:absolute;right:1.5rem;z-index:1}.card .top button.like i{color:#fffff9;font-size:1.3rem}.card .top .text{bottom:1.5rem;left:1.5rem;position:absolute;z-index:1}.card .top .text .name-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:.25rem}.card .top .text .name-wrapper i{color:#009abf;font-size:1rem;margin-left:.6rem}.card .top .text .name-wrapper .name{font-size:1.4rem;font-weight:500}.card .top .text .title{font-size:.8rem}.card .bottom{background-color:#3895d3;border-radius:0 0 1rem 1rem;padding:1rem 1.5rem .8rem}.card .bottom .desc{color:#fffff9;font-size:12px}.card .bottom .buttons{display:flex;margin-top:2rem}.card .bottom .buttons button{align-items:center;background-color:#1261a0;border-radius:1em;color:#1d252c;display:flex;font-size:.7rem;justify-content:center;margin-right:.5rem}.height{color:#fffff9}.card .bottom .buttons button i{font-size:1rem}.card .bottom .buttons button:hover{filter:brightness(110%)}
/*# sourceMappingURL=main.358de420.css.map*/