@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap";*{margin:0;padding:0;font-family:Ubuntu,sans-serif}html,body{overflow:hidden;background:#0D1E53}.webgl{position:fixed;top:0;left:0;bottom:0;outline:none}.pointer-cursor{cursor:pointer}#container{opacity:0}.certificate-container{position:absolute;display:block;top:50px;left:50px;right:50px;bottom:50px;border:1px solid #ffffff31;box-sizing:border-box;opacity:1;z-index:1;padding:30px 60px}.trimoji-logo{width:200px}h1,h2{color:#fff;margin:0!important;vertical-align:middle!important}h1{font-size:30px;font-weight:700!important}h2{font-size:24px!important;font-weight:400}.name{font:400 5rem/1.3 Lobster Two,Helvetica,sans-serif;color:#fff;text-shadow:1px 1px 0px #ededed,4px 4px 0px rgba(0,0,0,.15)}.bottom{position:absolute;width:94%;bottom:0px;color:#fff;font-size:1.5rem}.bottom span{font-family:Lobster Two,cursive}.bottom label{font-weight:700}.signature{position:relative;width:200px;transform:rotate(10deg)}.sign-title{font-weight:700}.sign-name{font:400 2rem/1.3 Lobster Two,Helvetica,sans-serif}.date-container{place-self:flex-end}@media only screen and (max-width: 1280px){.certificate-container{padding:30px;top:10px;left:10px;right:10px;bottom:10px}.hide-mobile{display:none!important}}@media only screen and (max-width: 768px){.certificate-container{padding:30px;top:10px;left:10px;right:10px;bottom:10px;background:#0000006c}.hide-mobile{display:none!important}.name{font-size:3rem!important}.trimoji-logo{width:100px;margin-bottom:20px}}@media print{.hide-mobile{display:none!important}}