@import url(https://fonts.googleapis.com/css?family=Raleway:700);



$color1: #EE4B5E;

$color2: #342643;

$color3: #1FA9D6;



*, *:before, *:after {

  box-sizing: border-box;

}

html {

    height: 100%;

}

body {

    background: url(https://i.imgur.com/76NZB7A.gif) no-repeat center center fixed; 

    background-size: cover;

    font-family: 'Raleway', sans-serif;

    background-color: $color2; 

    height: 100%;

}



.text-wrapper {

    height: 100%;

   display: flex;

   flex-direction: column;

   align-items: center;

   justify-content: center;

}



.title {

    font-size: 6em;

    font-weight: 700;

    color: $color1;

}



.subtitle {

    font-size: 40px;

    font-weight: 700;

    color: $color3;

}



.buttons {

    margin: 30px;

    

    a.button {

        font-weight: 700;

        border: 2px solid $color1;

        text-decoration: none;

        padding: 15px;

        text-transform: uppercase;

        color: $color1;

        border-radius: 26px;

        transition: all 0.2s ease-in-out;

        

        &:hover {

            background-color: $color1;

            color: white;

            transition: all 0.2s ease-in-out;

        }

    }



    

}



