@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:not(#yugen)
    color: white
    text-decoration: none
    border: transparent 

a
    color: white
    text-decoration: none
    border-bottom: 1vh solid #dadada
    border-right: 1vh solid #dadada
    border-left: 1vh solid #dadada
    border-top: 1vh solid #dadada
section
    height: 100vh
    border-style: none

h1
    font-size: 7vw
    height: 100%
    display: flex
    flex-direction: column
    align-items: center
    justify-content: center

#home
    background-color: black
    color: white
    font-style: italic

#thaldrin
    background: #ff841f

#kaito
    background: #96400e

#Twitter
    background: #1DA1F2

#homepage
    background: #d83333

#yiff
    background: #e01653

#portfolio
    background: #2022a0

#yugen
    background: #ffffff
    color: #000
    padding: 2vw
    button
        background: #ffffff
        color: #000

.buttons
    display: inline

button
        font-size: 2vw
        border-style: none
        padding: 1vh
        background: white