112 lines
1.9 KiB
Sass
112 lines
1.9 KiB
Sass
@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap')
|
|
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap')
|
|
|
|
*
|
|
margin: 0
|
|
padding: 0
|
|
|
|
body
|
|
background-color: black
|
|
color: white
|
|
font-family: 'Poppins', sans-serif
|
|
|
|
a
|
|
color: white
|
|
text-decoration: none
|
|
border: transparent
|
|
justify-content: space-between
|
|
|
|
section:not(#home)
|
|
height: 20vh
|
|
border-style: none
|
|
|
|
section#contact
|
|
height: 40vh
|
|
font-size: 7vw
|
|
height: 101%
|
|
display: flex
|
|
flex-direction: column
|
|
align-items: center
|
|
justify-content: center
|
|
|
|
.email, .contactme
|
|
font-size: 6vw
|
|
display: flex
|
|
align-items: center
|
|
justify-content: center
|
|
font-family: 'Poiret One', sans-serif
|
|
|
|
.email
|
|
text-decoration: underline
|
|
font-style: italic
|
|
|
|
h1
|
|
font-size: 8vw
|
|
height: 100%
|
|
display: flex
|
|
flex-direction: column
|
|
align-items: center
|
|
justify-content: center
|
|
|
|
#home
|
|
font-size: 8vw !important
|
|
background-color: black
|
|
color: white
|
|
font-style: italic
|
|
|
|
#portfolio
|
|
background: #f7665c
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #d63631
|
|
#homepage
|
|
background: #78db6f
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #4c9da0
|
|
#yugen
|
|
background: #5ad350
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #329c28
|
|
#sor
|
|
background: #c669db
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #a24ab6
|
|
#benji
|
|
background: #7272d1
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #4646a3
|
|
#thaldrin
|
|
background: #8a60da
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #6136b3
|
|
#kaito
|
|
background: #6033b4
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #441b8f
|
|
#yiff
|
|
background: #b32c54
|
|
a
|
|
color: #000000
|
|
&:hover
|
|
color: #9c0d38
|
|
|
|
a.email
|
|
color: #9c0d38
|
|
&:hover
|
|
color: #aa3055
|
|
|
|
#Twitter
|
|
background: #1DA1F2 |