@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