.header {
    color : black;
    text-align: center;
    font-family: 'Wellfleet', cursive;
    font-size:5vw;
    background-color: orangered;
    width: 100%;
    
}

.button {
    display:flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient( #5EE283, #057B26);
    border-radius: 4vw;
    box-shadow: -7px 7px 7px rgba(255, 255, 255, 0.7);
    height:7vw;
    width:100%;
}

.buttonTxt {
    color : black;
    margin : 2vw;
    text-align: center;
    font-family: 'Wellfleet', cursive;
    font-size:3vw;
}

.button:hover {
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4vw;
    
}

.button:active {
    background-image: linear-gradient( #057B26, #5EE283);
}

.home {
    height:50vw;
    background-color:black;
}

.content {
    display: flex;
    flex-direction: column;
    
    align-items: center;
    height:40vw;
}

.contentTxt {
    display: flex;
    flex:2;
    align-items: center;
    font-family: 'Wellfleet', cursive;
    font-size:4vw;
    color:white;
    text-align: center;
    width:40%;
}

.buttonBlock {
    display: flex;
    flex:1;
    justify-content: center;
    align-items: center;
}