@font-face {
    font-family: Atlas Grotesk Regular;
    font-style: normal;
    font-weight: 700;
    src: url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/atlasgrotesk-regular-webfont.woff) format("woff"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/atlasgrotesk-regular-webfont.woff2) format("woff2"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/AtlasGrotesk-Regular.ttf) format("truetype"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/AtlasGrotesk-Regular.otf) format("opentype")
}

@font-face {
    font-family: DSCR Teodor Light;
    font-style: normal;
    font-weight: 400;
    src: url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/teodor-light-webfont.woff) format("woff"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/teodor-light-webfont.woff2) format("woff2"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/Teodor-Light.ttf) format("truetype"), url(https://20500382.fs1.hubspotusercontent-na1.net/hubfs/20500382/Fonts/Teodor-Light.otf) format("opentype")
}

#calculator {
    border-color: gray;
    border-style: solid
}

#calculator,
form {
    background-color: #f5f5f5
}

form-control {
    border: 2px solid gray
}

.form-control:focus,
.form-select:focus {
    border-color: #213d54;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #213d54
}

h1 {
    color: #0066cc;
    font-family: Atlas Grotesk Regular
}

h4 {
    color: #213d54;
    font-family: DSCR Teodor Light;
    margin-top: 20px
}

form label,
form legend,
p {
    color: gray;
    font-family: Atlas Grotesk Regular;
    font-size: 13px
}

form input,
form input[type=email],
form input[type=file],
form input[type=number],
form input[type=text],
form select,
form text area {
    background-color: #fff;
    color: gray;
    font-family: Atlas Grotesk Regular
}

#dscrResult {
    color: #0066cc;
    font-family: Atlas Grotesk Regular;
    font-size: 2em;
    font-weight: 700
}

#clearButton {
    background-color: #0066cc;
    border: none
}