html {
    background-color: rgb(255, 249, 245);
}

body {
    position: relative;
    margin: 20px auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 70%;
    padding: 10px 30px;
    box-sizing: border-box;
    border: 7px solid orange;
    z-index: 3;
}

body::before {
    content: " ";
    display: block;
    position: absolute;
    background-color: rgb(255, 249, 245);
    width: 100px;
    height: 100px;
    z-index: -1;
    top: -10px;
    left: -10px;
}

#logo {
    content: " ";
    position: fixed;
    bottom: 2vh;
    right: 5vw;
    width: clamp(180px, 40vw, 640px);
    z-index: -1;
}

h1, h2, h3{
    font-family: "Geologica", sans-serif;
    color: orange;
}

h1 {
    font-size: 4em;
    text-align: center;
}

h2 {
    font-size: 2.5em;
}

h3 {
    font-size: 1.8em;
}

dt {
    font-family: "Geologica", sans-serif;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-left: 3em;
    color: rgb(80, 32, 0);
}

dd {
    margin-left: 4.5em;
}

p {
    margin-left: 1.5em;
}

a:link {
    color: rgb(173, 0, 0);
}

a:visited {
    color: rgb(0, 150, 62);
}

a:hover{
    color: rgb(0, 153, 255);
    background-color: rgb(255, 255, 255);
}

a:active {
    color: rgb(255, 123, 0);
    background-color: rgb(255, 255, 255);
}

address {
    text-align: center;
    margin: 3em 0em 1em;
}

address div {
    display: inline;
}

.location::after, .postcode::after, .phone::after {
    content: "|";
    color: #777;
    margin: 0 1em;
}

.location, .postcode, .phone, .email {
    font-style: italic;
    font-size: 1em;
}