body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin: 0;
    padding: 0;
}

a {
    color: rgb(34, 104, 255);
    text-decoration: none;
    transition: color 0.1s ease;
}

a:hover {
    color: rgb(0, 0, 184);
}

div {
    padding: 0;
}

p, h1, div {
    margin: 0;
}

h1 {
    font-size: 3em;
    font-weight: bold;
}

#page_title img {
    height: 1em;
    border-radius: 5px;
    transform: translateY(10px);
} 

.expand_button {
    display: none;
}

.project_info {
    border-radius: 5px;
    padding: 8px 20px 8px 10px;
    margin-bottom: 12px;
    display: inline-block;
}

.project_info .point {
    font-weight: bold;
}

.project_info .value {
    font-style: italic;
}

.row_container {
    margin: 0;
    border-bottom: 3px solid black;
}

.row_container.uncollapsed {
    padding: 70px 0px;
}

.row_container h1 {
    margin-bottom: 20px;
}

.row_container p {
    margin-bottom: 8px;
}

.row_container .links_paragraph {
    margin-bottom: 15px;
}

.row_container_inside {
    width: 1100px;
    margin: 0 auto;
}

@media only screen and (max-width: 1250px) /* fullscreen screens */ {

    .row_container_inside {
        width: 900px;
    }

}

@media only screen and (max-width: 1000px) /* large window screens */ {

    .row_container_inside {
        width: 825px;
    }

}

@media only screen and (max-width: 900px) /* large window screens */ {

    .row_container_inside {
        width: 629px;
    }

}

@media only screen and (max-width: 700px) /* small screens */ {

    .row_container_inside {
        width: 90%;
    }
    .row_container.uncollapsed {
        padding: 40px 0px;
    }

}

#jumbotron, #lastone {
    background-color: #E9ECEF;
}

#lastone {
    padding: 20px 0 0 0;
    height: 120px;
    border-bottom: none;
}

#lastone img {
    height: 100px;
    float: right;
}

#physicsarena_container {
    color: black;
    background-color: #eee;
}
#physicsarena_container .project_info {
    color: black;
    background-color:rgb(225, 231, 255);
    border: 1px solid rgb(0, 0, 10);
}

#fizicarena_container {
    color: white;
    background-color: #0F4C82;
}
#fizicarena_container .project_info {
    background-color: #CCE6F4;
    color: black;
}
#fizicarena_container a {
    color: #E3DE8F;
}
#fizicarena_container a:hover {
    color: #D5B942;
}

#johnson_container {
    color: white;
    background-color: #594236;
}
#johnson_container .project_info {
    background-color: #ac907e;
    color: black;
}
#johnson_container a {
    color: #E3DE8F;
}

#bottom_text {
    color: white;
    text-align: center;
    font-weight: bold;
    text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
}