$color-primary : #1690f0; $text-primary : #1690f0; $text-color:#101acb; $font-main: 'book-man', sans-serif; $primary:#101acb; $color-light:rgba(255, 255, 255, 0.8); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;900&display=swap'); @mixin shado-1(){ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } @mixin shado-3 { box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54); } @mixin shado-4(){ box-shadow: 0 2px 3px 0 rgba(218, 218, 253, 0.35), 0 0px 3px 0 rgba(206, 206, 238, 0.35); } @mixin shado-5(){ box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54); } @mixin card-1(){ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius:2px; } @mixin big-padding(){ padding: 50px; @media screen and (max-width: 940px){ padding: 30px 10px; } } .bg-primary{ background-color: $color-primary !important; } .text-primary{ color: $text-primary; }