svg {
    max-width: 27vw;
    display: inline-block;

}

div {
    text-align: center;
}

body{
    background-color: #30373d;
    margin: 0;
}


@font-face {
    font-family: "sea" ;
    src: url('SeasideResortNF/seaside.ttf');
}

@font-face {
    font-family: arcon;
    src: url('arcon/Arcon-Regular.otf');
}

h1 {
    font-family: 'sea', sans-serif;
    font-size: 10vw;
    color:#c4ad8c;
    text-align: center;
    margin-top: 10vw;
}

h2{
    font-family: "arcon", sans-serif;
    font-size: 8vw;
    color: #e23d45;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15vw;
}

text {
    text-align: center;
    font-family: "arcon", sans-serif;
    font-size: 100px;
}


footer {
    text-align: center;
    color: #30373d;
    background-color: #88c9d1;
    font-family: "arcon", sans-serif;
    font-size: 3vw;
    margin: 0;
    margin-top: 10vw;
    padding: 5px;
}