body{background-color:#ef466f}a,ul,li{all:unset}::selection{color:#f0f0f0;background:#ef466f}#mainContainer{background-color:#f0f0f0;width:55vw;height:fit-content;margin:5vh auto auto;padding-top:2vw;padding-bottom:2vw;box-shadow:10px 10px #000000bf}#mainContainerExperience{background-color:#f0f0f0;width:55vw;height:fit-content;margin:5vh auto auto;padding-top:2vw;padding-bottom:5vh;box-shadow:10px 10px #000000bf}#title{font-family:Boldonse,system-ui;font-size:7vmin;font-style:normal;font-weight:400}p{font-optical-sizing:auto;font-family:Roboto Mono,monospace;font-style:normal;font-weight:400}#navigationButtons{justify-content:space-between;margin-top:20px;padding-left:4vw;padding-right:4vw;display:flex}.buttonText{text-align:center;cursor:pointer;border-style:solid;border-color:#000;flex-grow:1;margin:auto;padding:2vw 1vh;font-family:Boldonse,system-ui;font-size:100%;font-style:normal;font-weight:200;transition:all .2s;position:relative;top:0;left:0;box-shadow:4px 4px #000}#home.buttonText:hover{box-shadow:none;background-color:#0ad6a1;top:4px;left:4px}#experience.buttonText:hover{box-shadow:none;background-color:#ffd166;top:4px;left:4px}#projects.buttonText:hover{box-shadow:none;background-color:#c5aefa;top:4px;left:4px}#about.buttonText:hover{box-shadow:none;background-color:#f88c6b;top:4px;left:4px}.buttonText:first-child{margin-left:0}.buttonText:last-child{margin-right:0}#titleContainer{width:auto;margin-top:7vh;margin-left:4vw;margin-right:4vw;display:block}#pigSystem{text-decoration-color:#0ad6a1;text-decoration-thickness:3px}#watsonSystem{text-decoration-color:#ffd166;text-decoration-thickness:3px}#php{text-decoration-color:#c5aefa;text-decoration-thickness:3px}#javaScript{text-decoration-color:#f88c6b;text-decoration-thickness:3px}#contactContainer{width:auto;margin-top:7vh;margin-left:4vw;margin-right:4vw;display:block}.contactLogo{cursor:pointer;width:3vw;margin-right:1vw}#workExperienceContainer{text-align:justify;margin-left:4vw;margin-right:4vw}#workExperienceTitleContainer{flex-direction:row;justify-content:space-between;display:flex}.workInfo{font-family:Boldonse,system-ui;font-size:100%;font-style:normal;font-weight:200}hr#workExperienceDivider{border-style:solid;border-color:#ffd166}hr#workplaceDivider{border:2px solid #0ad6a1}@media only screen and (width<=980px){#mainContainer,#mainContainerExperience{width:90vw}p{font-size:2vh}#navigationButtons{height:100px;font-size:150%}}.fa-2xl{vertical-align:-.1875em;padding-right:6vw;font-size:2em;line-height:.03125em}
