@font-face{font-family:"Akhand";src:url("../fonts/akhand-light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Akhand";src:url("../fonts/akhand-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Akhand";src:url("../fonts/akhand-semibold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Akhand";src:url("../fonts/akhand-bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}html,body{width:100%;height:100%;overflow:hidden}body{background-color:#272d27;display:flex;align-items:center;justify-content:center;color:#202720;font-family:"Akhand",sans-serif;font-size:26px;font-style:normal;font-weight:400;line-height:normal}a{color:inherit;text-decoration:none}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--clip-size: 60px;--color-card: #D23C40;--color-card-hover: #202720}.card{position:relative;width:calc(100% - 62px);height:calc(100% - 62px);max-width:1600px;max-height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;overflow:hidden}.card-bg{z-index:-1;position:absolute;inset:0;background-color:#d23c40;clip-path:polygon(var(--clip-size) 0, 100% 0, 100% calc(100% - var(--clip-size)), calc(100% - var(--clip-size)) 100%, 0 100%, 0 var(--clip-size));transition:background-color .4s cubic-bezier(0.34, 2.4, 0.64, 1),clip-path .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.corner{position:absolute;width:0;height:0;z-index:0;transition:opacity .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.card:has(.content:hover) .corner{opacity:0}.corner--top-left{top:0;left:0;border-left:var(--clip-size) solid #272d27;border-bottom:var(--clip-size) solid transparent}.corner--bottom-right{bottom:0;right:0;border-right:var(--clip-size) solid #272d27;border-top:var(--clip-size) solid transparent}.content{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;cursor:pointer}.content:hover .card-bg{background-color:#202720}.email{font-family:"Akhand",sans-serif;font-weight:400;font-size:26px;letter-spacing:.02em;color:#202720;text-decoration:none}.content:hover .email{color:#919992}@media(max-width: 768px){:root{--clip-size: 35px}.card{width:calc(100% - 32px);height:calc(100% - 32px)}.email{font-size:20px}.content{gap:50px}}@media(max-width: 480px){:root{--clip-size: 25px}.card{width:calc(100% - 24px);height:calc(100% - 24px)}.email{font-size:16px}.content{gap:35px}}.logo-wrapper{position:relative;width:521px;height:121px;max-width:80vw;display:flex;align-items:center;justify-content:center;transition:width .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.content:hover .logo-wrapper{width:569px}.logo-svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100%;width:auto;overflow:visible;color:#202720}.logo-svg path,.logo-svg rect{fill:#202720}.content:hover .logo-svg{color:#919992}.content:hover .logo-svg path,.content:hover .logo-svg rect{fill:#919992}.logo-icon{transition:transform .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.content:hover .logo-icon{transform:translate(15.65px, -15.65px)}.logo-star{transform-box:fill-box;transform-origin:50% 50%;transition:transform .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.content:hover .logo-star{transform:rotate(90deg)}.logo-prove{transition:transform .4s cubic-bezier(0.34, 2.4, 0.64, 1)}.content:hover .logo-prove{transform:translateX(48px)}@media(max-width: 768px){.logo-wrapper{width:300px;height:auto;aspect-ratio:521/121}.content:hover .logo-wrapper{width:330px}.logo-svg{width:100%;height:auto}}@media(max-width: 480px){.logo-wrapper{width:220px}.content:hover .logo-wrapper{width:240px}}/*# sourceMappingURL=main.css.map */