@import url("https://use.typekit.net/fuk5cra.css");

body {
    text-align: center;
    background: linear-gradient(320deg, #000000 12.41%, #75702c 52.55%, #e4e4e4 89.95%);
    color: #fff;
    height: 100%;
    min-height: 100vh;
}
body.Homework {
    text-align: center;
    background: linear-gradient(320deg, #02A819 12.41%, #06924c 52.55%, #02A891 89.95%);
    color: #ffffff;
    height: 100%;
    min-height: 100vh;
}
.Homework h1{
    font-family: broadacre-hairline-3, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 10vw;
    color: #CCC800;;
    margin-bottom: 0;
}
.Homework a:hover {
    color: rgb(204, 200, 0);
    background-color: rgb(2, 127, 158);
    transition: .90s;
}

hr {
    margin-bottom: 0;
}

h1 {
    font-family: broadacre-hairline-3, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 10vw;
    color: #636363;;
    margin-bottom: 0;
}

h2 {
    font-family: broadacre-medium-0, sans-serif;
    font-weight: 500;
    font-style: normal;
}

p, a {
    font-family: broadacre-thin-0, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 5vw;
}

a {
    color: #eee;
    text-decoration: none;
    display: block;
    width: 100%;
}

a:hover {
    color: #666;
    background-color: #eee;
    transition: 1s;
}
.about-image {
    float: left;
    padding: 20px;
    width: 200px;
}

.small-text {
    font-size: 18px;
}

.content {
    max-width: 1024px;
    padding: 50px;
    margin: 0 auto;
}