* { 
    color: #858688 !important;
    /* override via inline w !imp flag */
} 

/* bored at work so remaking portfolio */
/* p.s ty roblox for the colour scheme ^_^ */

/* #121215 for bg */
/* #f7f7f8 for important text */
/* #858688 for unimportant text */
/* #191a1f for boxes */
/* #272930 for lighter boxes */
/* #191a1f for navbar */
/* #3b3e48 for headliners */

body {
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #121215 !important;
}

#title {
    margin-left: 29%;
}

.beautifulcamimages {
    width: 35% !important;
    margin-left: 32.5%;
    transition: all .25s;
}

.beautifulcamimages:hover {
    transform: scale(1.20)
}

.center {
    margin: auto;
    width: 50%;
}

.center-text{
    text-align: center;
}

.topnav-container {
    display: flex;
    justify-content: space-around;
    height: 15%;
    width: 100%;
    margin-left: 10px !important;
    /* margin-top: 10px !important; */
    margin-bottom: 10px !important;
    border-bottom: 1px solid #3b3e48;
}

.hamMenu {
    margin-top: .5% !important;
    margin-bottom: .5%;
    border-radius: 10px;
    width: auto !important;
    padding: 10px;
}

.hamMenuBox {
    width: 175px;
    height: 90.75vh;
    position: absolute;
    background-color: #191a1f;
    display: none;
}

.heroBox {
    position: absolute;
    background-color: #191a1f;
    width: 50%;
    height: 35%;
    margin-top: 2.5%;
}

.personalInfoContainer {
    margin-left: 25% !important;
}

.personalInfoContainerMob {
    margin-left: 2% !important;
}

#avatar {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    padding: 0px;
}

#avatarSubLg {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

.importantCol {
    color: #f7f7f8 !important;
}

.nameTitle {
    margin-top: 1%;
}

.switchBoxContainer {
    width: 50%;
    height: 50px;
    margin-left: 25% !important;
}

.switchBoxButton {
    width: 50%;
    height: 100%;
    font-weight: 700;
    background-color: #3b3e48;
    font-size: larger;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: all .25s;
}

.switchBoxButton:hover {
    border-bottom: 5px solid #858688;
}

.selectedBox {
    border-bottom: 5px solid white !important;
}
/* 
.switchBoxButton:active {

} */

.aboutBannerItems {
    font-size: x-large;
}

#cC {
    display: none;
}

#explainBox {
    font-size: x-large;
}

#titleExplainBox {
    padding-top: 2%;
}

#amC {
    padding-bottom: 2%;
    border-bottom: 1px solid #3b3e48;
}