body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.sidenav{height:100%;width:300px;position:fixed;z-index:1;top:1;left:10;transition:.5s;padding-top:60px;border-right:1px groove #fff;display:flex;align-items:center;justify-content:center}.sidenav ul{display:flex;flex-direction:column;justify-content:center;padding-right:17%}.sidenav li{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;display:block;transition:.3s;cursor:pointer}.sidenav h1{position:absolute;top:0;padding-top:50%}.sidenav li:hover{color:#b8b8b8}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.nav-toggle-button{position:fixed;padding:20px 20px;font-size:xx-large;cursor:pointer;width:10%}.copyright{position:absolute;bottom:0;padding-bottom:80px}@media screen and (max-height:450px){.sidenav{padding-top:15px}}.about-me-parent{padding-bottom:10%}.about{display:flex;margin-top:10%}.about p{background-color:#e2e2e2;margin-left:20%;padding:10px;width:60%;border-radius:8px}.education,.experience{position:relative}.darkMode{background-color:#222;margin-left:3%;margin-top:10%;padding-left:7%;padding-top:5%;padding-bottom:5%;height:400px;width:30%;border-radius:8%;display:flex;transition:.5s;position:relative}.lightMode{background-color:#e2e2e2;margin-left:3%;margin-top:10%;padding-left:7%;padding-top:5%;padding-bottom:5%;height:400px;width:30%;border-radius:8%;display:flex;transition:.5s;position:relative}.skills-parent{height:1000px}.skills-parent h1{font-size:70px}.skills{display:flex;margin-top:7%}.skills span{margin-top:10%}.skills p{background-color:#222;margin-left:20%;padding:10px;width:60%;border-radius:8%}.skill-box{background-color:#e2e2e2;margin-left:5%;padding:5%;height:500px;width:50%;border-radius:8%;display:flex}.skill-box1,.skill-box2{width:60%}.hero-section{height:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-child{margin-top:20px;padding-left:100px}.intro{width:300px;text-transform:uppercase}.c2Header,.intro h1{font-size:3.8rem;font-weight:700;letter-spacing:.3rem;text-shadow:.1rem .1rem .5rem #000;color:#fff}.intro h3{font-size:2.8rem;font-weight:700;letter-spacing:.3rem;text-shadow:.1rem .1rem .5rem #000}.intro a{margin-top:1rem;border-width:medium;border-radius:0;font-size:1.1rem}.typical{display:flex}.typical p{font-size:20px}.social-media span{cursor:pointer;padding:30px}.social-media span:hover{color:#4169e1}