* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

body {
    height: 100%;
    background: linear-gradient(
            to bottom,
            hsl(0, 0%, 100%) 0%,
            hsl(219.19, 55.23%, 99.76%) 10.6%,
            hsl(219.13, 55.37%, 99.05%) 20%,
            hsl(219.05, 55.59%, 97.92%) 28.4%,
            hsl(218.92, 55.89%, 96.39%) 35.8%,
            hsl(218.76, 56.28%, 94.49%) 42.6%,
            hsl(218.55, 56.76%, 92.22%) 48.7%,
            hsl(218.29, 57.33%, 89.61%) 54.4%,
            hsl(217.96, 58%, 86.67%) 59.8%,
            hsl(217.56, 58.78%, 83.39%) 64.9%,
            hsl(217.06, 59.69%, 79.76%) 70.1%,
            hsl(216.42, 60.75%, 75.77%) 75.3%,
            hsl(215.6, 62%, 71.35%) 80.8%,
            hsl(214.5, 63.51%, 66.41%) 86.6%,
            hsl(212.9, 65.42%, 60.66%) 93%,
            hsl(210.18, 68.2%, 53.14%) 100%
    );
}

.history p {
    color: black;
    font-size: large;
    width: 50%;
}

.history {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.history h1,h2 {
    color: #2067d8;
  	margin-bottom: 50px;
}

.history h1 {
    margin-top: 100px;
    font-size: xxx-large;
    position: relative;
    right: 1000px;
    animation: slideIn 1.5s forwards;
}

.history h2 {
    font-size: xx-large;
    position: relative;
    right: 1000px;
    animation: slideIn 1.5s forwards;
}

@keyframes slideIn {
    100% { right: 0 }
}