/* Extra Bold Monserrat */ @font-face { font-family: "'Montserrat', sans-serif"; src: url('https://cdn.courses.apisystem.tech/memberships/g3IowImPKKcQ7MNpf0b0/post-materials/59dfed61-7605-4bef-96e7-2b07b362d8ba/Montserrat-ExtraBold.woff2') format('woff2'); } .extra-bold { font-family: "'Montserrat', sans-serif" !important; letter-spacing: -3px; } /* End Extra Bold Monserrat */ /* Colour Variables */ :root { --black: #000000; --white: #FFFFFF; --monsta1: #eb008b; --monsta2: #E7E7E7; --gradone: #CF0092; --gradtwo: #FF008E; --gradthree: #FF358D; } /* End Colour Variables */ /* 0deg Gradient Background */ .gbg0 { background: linear-gradient(0deg, var(--gradone), var(--gradtwo), var(--gradthree)); border: none; transition: background 0.3s ease; } .gbg0:hover { background: linear-gradient(0deg, var(--gradthree), var(--gradtwo), var(--gradone)); } /* End 0deg Gradient Background */ /* 0deg Gradient Text Color */ .gbg0f { background: -webkit-linear-gradient(0deg, var(--gradthree), var(--gradtwo), var(--gradone)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* End 0deg Gradient Text Color */ /* 45deg Gradient Background */ .gbg45 { background: linear-gradient(45deg, var(--gradone), var(--gradtwo), var(--gradthree)); border: none; transition: background 0.3s ease; } .gbg45:hover { background: linear-gradient(45deg, var(--gradthree), var(--gradtwo), var(--gradone)); } /* End 45deg Gradient Background */ /* 45deg Gradient Text Color */ .gbg45f { background: -webkit-linear-gradient(45deg, var(--gradthree), var(--gradtwo), var(--gradone)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* End 45deg Gradient Text Color */ /* 90deg Gradient Background */ .gbg90 { background: linear-gradient(90deg, var(--gradone), var(--gradtwo), var(--gradthree)); border: none; transition: background 0.3s ease; } .gbg90:hover { background: linear-gradient(90deg, var(--gradthree), var(--gradtwo), var(--gradone)); } /* End 90deg Gradient Background */ /* 90deg Gradient Text Color */ .gbg90f { background: -webkit-linear-gradient(90deg, var(--gradthree), var(--gradtwo), var(--gradone)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* End 90deg Gradient Text Color */ /* Multi 5deg Gradient Background */ .gbgmulti { background: linear-gradient(10deg, var(--gradthree), var(--gradone), var(--gradtwo), var(--gradthree),var(--gradone), var(--gradtwo)); border: none; transition: background 0.3s ease; } .gbgmulti:hover { background: linear-gradient(10deg, var(--gradone), var(--gradtwo), var(--gradthree),var(--gradone), var(--gradtwo), var(--gradthree) ); } /* Multi 15deg Gradient Text Color */ .gbgmultif { background: -webkit-linear-gradient(10deg, var(--gradthree), var(--gradthree), var(--gradone), var(--gradthree), var(--gradthree)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* End Multi 90deg Gradient Text Color */ /* Smooth Hover Effect */ .scale-hover { transition: transform 0.4s ease-in-out; } .scale-hover:hover { transform: scale(1.05); } /* End Smooth Hover Effect */

Oops!