2 lines
1.7 KiB
CSS
2 lines
1.7 KiB
CSS
|
.Creators-Master{width:100%;height:100vh;background-image:url(/assets/Creators-8c2d28e9.webp);background-repeat:no-repeat;background-size:cover;background-position:top;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:2rem 1.5rem;color:#fff;gap:2rem;font-family:NeueMontreal}@media (max-width: 500px){.Creators-Master{height:60vh}}.Creators-Master div{font-size:5vw;line-height:1.1;font-weight:400;font-family:NeueMontreal}@media (max-width: 500px){.Creators-Master div{font-size:8vw}}.Creators-Master p{font-size:15px;letter-spacing:.2px;line-height:1.1;font-weight:400;font-family:NeueMontreal}.Creators-Master .Insiders-btn{background:#ffffff;color:#000;border:none;border-radius:2rem;padding:6px 6px 6px 16px;font-weight:400;display:flex;align-items:center;gap:2.5rem;cursor:pointer;transition:all .2s ease;font-family:NeueMontreal;font-size:16px}.Creators-Master .Insiders-btn .icon-container{position:relative;background-color:#000;height:35px;width:35px;border-radius:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.Creators-Master .Insiders-btn:hover .icon-container{transform:scale(.9)}.Creators-Master .Insiders-btn .icon-main,.Creators-Master .Insiders-btn .icon-hover{position:absolute;color:#fff;font-size:16px;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.Creators-Master .Insiders-btn .icon-main{transform:translate(0)}.Creators-Master .Insiders-btn .icon-hover{transform:translate(-35px,35px)}.Creators-Master .Insiders-btn:hover .icon-main{transform:translate(35px,-35px)}.Creators-Master .Insiders-btn:hover .icon-hover{transform:translate(0)}
|