@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";body{-webkit-user-select:none;user-select:none;margin:0;font-family:Roboto Slab,Roboto,sans-serif;font-style:normal;font-weight:400}.viewport{background:linear-gradient(149deg,#e8e8e8 0%,#88ccdb 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ui-canvas{transform-origin:50%;flex-shrink:0;width:1000px;height:1000px;position:relative}.position{box-sizing:border-box;color:inherit;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.card{background:#fff;border:6px solid #000;font-size:large;transition:transform .3s,box-shadow .3s;box-shadow:12px 12px #000}.card:hover{transform:translate(-5px,-5px);box-shadow:17px 17px #000}.content{flex-direction:column;align-items:center;padding:24px;display:flex}.linkStyle{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10%;font-size:1.5em;display:flex}.title{color:#000;text-transform:uppercase;margin:.67em 0;padding-bottom:.2em;font-size:2em;font-weight:700;display:block;position:relative;overflow:hidden}.title:after{content:"";background-color:#000;width:100%;height:6px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translate(-110%)}.card:hover .title:after{transform:translate(0)}