html, body {
    height: 100%;
}

body {
    background-image: url("../img/wallpaper.jpg");
    background-size: cover;
    height: 100%;
}

h1 {
  font-family: "Delius Unicase", cursive;
  font-size: 48px;
  text-align: center;
  margin-bottom: 0.25em;
}

header {
    margin-top: 4em;
    margin-bottom: 4em;
}

header p {
    text-align: center;
    font-family: "Google Sans Code", monospace;
    font-size: 18px; 
}

.dial-btn {
    cursor: pointer;
}

#phone-svg {
    width: 50%;
    height: auto;
    float: left;
    margin-left: 1em;
    margin-right: 2em;
}

#displayText {
    font-family: "Google Sans Code", monospace;
}

#message {
    font-family: "Google Sans Code", monospace;
    font-size: 20px;
    width: 30%;
    margin-top: 3em;
    margin-bottom: 4em;
    margin-right: 3em;
    background-color: rgb(227, 207, 177);
    border-radius: 20px;
    border: solid 4px rgb(35, 35, 35);
    padding: 1em;
    float: right;
}

@media (max-width: 800px) {
    #message {
        width: 50%;
        margin: auto;
        display: block;
        float: none;
    }

    #phone-svg {
        width: 50%;
        margin: auto;
        margin-top: 3em;
        display: block;
        float: none;
        padding-right: 3em;
    }
    
}