body{font-family:Raleway,sans-serif;font-size:22px;background:url(/ResumeSite/assets/mainBackground-ae92ad2b.jpg),rgba(47,79,79,.5);background-blend-mode:darken;background-size:cover}button{padding:16px;font-family:Raleway,sans-serif;font-size:16px;background-color:#000;color:#fff;border-radius:8px;cursor:pointer}h1{margin-bottom:0;font-weight:400;width:90vw;margin-left:10px}h2{font-weight:400}h3,h4{margin-bottom:0;margin-left:20px;width:90vw}nav{border-bottom:2px solid rgba(49,49,49,.75);text-align:left;position:fixed;top:0;width:100%;background:rgba(105,105,105,.65)}nav ul{list-style-type:none;margin:0;padding:0}nav li{display:inline-block;padding-top:24px;padding-bottom:24px}nav a{text-decoration:none;color:#fff;font-weight:700;padding:24px;transition:.75s}nav a:hover{background:rgba(0,0,0,.5);color:#fff;border-radius:25px}nav img{bottom:0}footer{border-top:2px solid rgba(49,49,49,.75);text-align:center;font-size:14px;position:fixed;bottom:0;width:100%;background:rgba(100,115,115,.95)}footer a,#page-body div li a{color:#7fffd4}footer a:hover,footer a:hover:visited,#page-body div a:hover,#page-body div a:hover:visited{color:plum}footer a:visited,#page-body div a:visited{color:coral}#page-body{max-width:960px;margin:20px;padding-top:50px}#NavbarItem{position:sticky}div{display:grid;width:80vw}div li{margin-inline-start:40px;justify-content:center}nav a:visited{color:#fff}#AppMobile{font-size:small;button {padding: 16px; font-family: "Raleway",sans-serif; font-size: 16px; background-color: black; color: white; border-radius: 8px; cursor: pointer;} h1 {margin-bottom: 0; font-weight: normal; width: 80vw; margin-left: 5%;} h2 {font-weight: normal;} h3,h4 {margin-bottom: 0; margin-left: 10%; width: 90vw;} nav {font-size: small; border-bottom: 2px solid rgba(49,49,49,.75); text-align: left; position: fixed; top: 0; width: 100%; height: 8%; background: rgb(105,105,105);} nav ul {list-style-type: none; margin: 0; padding: 0;} nav li {display: inline-block; padding-top: 4%; padding-bottom: 4%; padding-left: 0%; margin-left: 0px;} nav a {text-decoration: none; color: white; font-weight: bold; transition: .75s;} nav a:hover {background: rgba(0,0,0,.5); color: white; border-radius: 20%;} footer {border-top: 2px solid rgba(49,49,49,.75); text-align: center; font-size: 14px; position:fixed; width: 100%; background: rgba(100,115,115,.95);} footer a,#page-body div li a {color: aquamarine} footer a:hover,footer a:hover:visited,#page-body div a:hover,#page-body div a:hover:visited {color: plum} footer a:visited,#page-body div a:visited {color: coral} #page-body {max-width: 960px; margin: 20px; padding-top: 50px;} #NavbarItem {position: fixed; li {font-size: smaller; padding-top: 5%;}} div {display: grid; width: 80vw;} div li {justify-content: center;} nav a:visited {color: white} #home {display: grid; margin-inline-start: 2%; h1 {height: 0px; grid-column: 1 / 4; grid-row: 1 / 1;} p {grid-column: 1 / 3; grid-row: 3 / 4; margin-inline-start: 10%; margin-top: 20%} img {grid-column: 3 / 4; grid-row: 3 / 4; width: 75%; margin: 20%;} h2 {grid-column: 1 / 2; grid-row: 4 / 4; margin-inline-start: 20%;}} #work-history {margin-inline-start: 2%; h2 {font-size: small;} li {margin-left: 0; font-size: smaller;}} #employers {display: flex; width: 90vw;} #contact {display: grid; width: 90vw; margin-inline-start: 2%; li {margin-left: 0; font-size: smaller;} h1 {padding-top: 10%;}} #education {margin-inline-start: 1%; li {margin-left: 0; font-size: smaller;}} #schools {display: flex; width: 90vw; font-size: smaller; h2 {font-size: x-small;}} #about {display: grid; h1 {grid-column: 1 / 4; grid-row: 1 / 2;} p {grid-column: 1 / 3; grid-row: 2 / 4; margin-inline-start: 2%; padding-bottom: 10%;}} #not-found {display: grid; margin-inline-start: 20%; h1 {grid-column: 1 / 4; grid-row: 1 / 2;} p {grid-column: 1 / 3; grid-row: 2 / 4; margin-inline-start: 20%;}}}#home{display:grid;margin-inline-start:40px;h1 {height: 0px; grid-column: 1 / 4; grid-row: 1 / 2;} p {grid-column: 1 / 3; grid-row: 2 / 4; margin-inline-start: 40px;} img {grid-column: 3 / 4; grid-row: 1 / 4; margin: 40px;} h2 {grid-column: 1 / 2; grid-row: 3 / 4; margin-inline-start: 40px;}}#work-history{margin-inline-start:40px}#employers{display:flex;width:90vw}#contact{display:grid;width:90vw;margin-inline-start:40px}#education{margin-inline-start:40px}#schools{display:flex;width:90vw}#about{display:grid;width:90vw;margin-inline-start:40px;h1 {grid-column: 1 / 4; grid-row: 1 / 2;} p {grid-column: 1 / 3; grid-row: 2 / 4; margin-inline-start: 40px;}}#not-found{display:grid;margin-inline-start:40px;h1 {grid-column: 1 / 4; grid-row: 1 / 2;} p {grid-column: 1 / 3; grid-row: 2 / 4; margin-inline-start: 40px;}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:grid;grid-template-columns:auto auto auto;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}