start implementing frontend design
This commit is contained in:
@@ -1,10 +1,22 @@
|
||||
@import 'variables'
|
||||
@import 'buttons'
|
||||
@import 'cards'
|
||||
@import 'base'
|
||||
@import 'wave'
|
||||
@import 'bubbles'
|
||||
|
||||
@font-face
|
||||
font-family: 'Inter'
|
||||
src: url("@/assets/fonts/Inter-Regular.ttf")
|
||||
|
||||
@font-face
|
||||
font-family: 'Vampire'
|
||||
src: url("@/assets/fonts/Vampire.ttf")
|
||||
*
|
||||
box-sizing: border-box
|
||||
body
|
||||
background-color: $secondary
|
||||
color: $color2
|
||||
background-color: #2D2D2D
|
||||
color: $white
|
||||
font-family: 'Inter', sans-serif
|
||||
|
||||
.main
|
||||
padding-top: 120px
|
||||
@@ -30,7 +42,13 @@ body
|
||||
margin-right: auto
|
||||
margin-left: auto
|
||||
@media (min-width: 992px)
|
||||
max-width: 1140px
|
||||
max-width: 800px
|
||||
.section-header-container
|
||||
width: 655px
|
||||
text-align: center
|
||||
font-size: 24px
|
||||
margin-top: 64px
|
||||
margin-bottom: 64px
|
||||
|
||||
h1
|
||||
font-weight: 700
|
||||
|
||||
Reference in New Issue
Block a user