.intropic {
    width: 300px;
    float: left;
    margin-right: 15px;
}

.main-container{
    width: 1000px;
    display: block;
    margin: auto;
    margin-top: 2%;
}

.second-container{
    width: 1000px;
    display: block;
    margin: auto;
    margin-top: 2%;
}

body {
    line-height: 1.4em;
    background-image: url("attachments/P74.JPG");
    font-size: large;
    color: #2E4461;
}

.title{
    display: block;
    margin: auto;
    margin-top: 3%;
    border: 3px #385377 solid;
}

.intermission1 {
    width: 60%;
    padding-left: calc(300px + 4em);
    color: #E3170A;
}

.intermission2 {
    width: 400px;
    color: #E3170A;
}

.matcha{
  display: block;
  margin: auto;
  width: 50%;
}

.cool-guy{
    height: 400px;
    float: right;
    margin-left: 15px;
}

.cool-guy2{
    float: left;
    margin-right: 15px;
}

.back-arrow {
    position: absolute;
    top: 10px;
    left: 10px;
}

.back-arrow img {
    max-width: 50px;
    height: auto;
}