body {
    font-family: 'Montserrat', sans-serrif;
}

div.centeringContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 1200px) {
    div.content {
	width: 98%;
    }
}

@media only screen and (min-width: 1201px) {
    div.content {
	width: 1200px;
    }
}

#name {
    font-size: 40px;
}

div.section {
}

.sectionHeader {
    font-size: 35px;
}

div.schools {
}

img.schoolLogo {
    width: 125px;
    height: auto;
    border-radius: 20px;
}

div.schoolCard {
    display: flex;
    margin-bottom: 10px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border: 2px solid white;
    border-radius: 20px;
}

div.schoolInfo {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 20px;
}

div.leftSideInfo {
    margin-left: 20px;
}

div.rightSideInfo {
    text-align: right;
}

div.schoolInfo h2 {
    font-size: 20px;
}

div.schoolInfoText {
    margin-left: 20px;
}

.universityName {
    margin-top: 0px;
}

#gpa {
    margin-bottom: 0px;
}

.subsectionHeader {
    display: flex;
    flex-direction: row;
}

div.skillTable{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

div.skillColumn {
    display: flex;
    flex-direction: column;
}

div.iconWithText {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 30px;
}

div.pl-subsection {
    display: flex;
    flex-direction: row;
    margin: 10px;
    width: 100%;
}

div.plSubsectionHeader{
    display: flex;
    justify-content: center;
    font-size: 20px;
}

img.pl-icon {
    width: 30px;
    height: 30px;
    filter: drop-shadow(8px 8px 10px gray);
}

p.pl-name {
    margin: 20px;
}

div.experienceCard {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

img.companyLogo {
    width: 30%;
    height: auto;
    border-radius: 20px;
    margin-left: 5%;
}

div.companyInfoText {
    margin-left: 20px;
}

img#ibarakiLogo {
    height: 100%;
}

div.projectCard {
    width: 100%;
}