body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{-webkit-appearance:none;-moz-appearance:none;background:#0069ed;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:1rem;margin:0;padding:1rem 2rem;text-align:center;text-decoration:none;transition:background .25s ease-in-out,transform .15s ease}.App-header{background-color:#282c34;color:#fff}.App-header,.App-section{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-section{background-color:#282c340d}.App-section:nth-of-type(2n){align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:800px;padding-top:75px;text-align:center;width:75%}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-container h1{margin:10px 0}.home-container h1,.home-container h3{animation:slideInFromBottom .6s ease-out 0s 1}.home-container h3{color:hsla(0,0%,100%,.584);margin:0}.home-container p{animation:slideInFromBottom .8s ease-out 0s 1;color:rgba(13,174,177,.736);margin-top:50px}#navbar{display:flex;flex-direction:row;top:0;transition:all .5s ease}.nav{-ms-flex-pack:justify;align-items:center;background-color:#1b1e26;display:flex;flex-wrap:wrap;position:fixed;transition:all .3s ease;width:100%;z-index:1}.nav-link{border:2px solid #0daeb100;color:hsla(0,0%,100%,.584);font-weight:400;padding:.5rem 1rem;transition:all .3s ease}.nav-link,.nav-main-link{display:block;text-decoration:none}.nav-main-link{color:#fff;font-size:1.3em;padding:.3125rem 1rem;z-index:2}.nav-link.resume{border:2px solid rgba(13,174,177,.306)}.nav-link:hover,.nav-main-link:hover{color:#fff;text-decoration:none;transition:all .3s ease}.nav-link.active{background-color:#70747d47;color:#fff}.nav .navbar-wrapper ul,.nav ul{display:flex;flex-direction:row;justify-content:flex-start;padding-left:0;text-decoration:none}.nav .navbar-wrapper ul li,.nav ul li{list-style-type:none;text-decoration:none}.navbar-wrapper{display:flex;flex-direction:row;justify-content:space-between}.hamburger{align-items:center;padding-top:1.3em}.nav.open .navbar-wrapper{display:flex;justify-content:right;opacity:1;transform:translateY(0) scaleY(1);transition:all .3s ease;visibility:visible}.nav.open .nav-link{visibility:visible}.nav.open .navbar-wrapper ul{justify-content:space-between;padding:0 10px}@media (max-width:700px){.nav-link,.navbar-wrapper{visibility:hidden}.navbar-wrapper{background:linear-gradient(180deg,#1b1e26 30%,#282c34ed);left:0;opacity:0;position:absolute;top:50px;transform:translateY(-20px) scaleY(0);transition:all .4s ease;width:100%;z-index:-3}.nav.open .navbar-wrapper{width:100%}.navbar-wrapper ul li{justify-content:space-between}.navbar-wrapper ul{margin-left:auto;padding:0 10px;text-align:center}}@media (max-width:575px){.nav .navbar-wrapper ul{flex-direction:column;padding:0 10px}.navbar-wrapper{transform:translateY(-100px) scaleY(0)}}.burger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:2rem;justify-content:space-around;padding:0;position:absolute;right:2rem;top:1.1em;transform:translateX(0);transition:all .3s ease;width:2rem;z-index:10}.burger div{background:#fff;border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .2s linear;width:2rem}.burger div:first-child{transform:rotate(0)}.burger div:nth-child(2){opacity:1}.burger div:nth-child(3){transform:rotate(0)}@media (min-width:700px){.burger{display:none;transform:translateX(0)}}@media (max-width:575px){.burger.open{transform:translateX(-18px);transition:all .3s ease}}.burger.open div{background:grey}.burger.open div:first-child{transform:translateX(3px) rotate(45deg)}.burger.open div:nth-child(2){opacity:0}.burger.open div:nth-child(3){transform:translateX(3px) rotate(-45deg)}@media (max-height:820px){#projects{padding:50px 0}}@media (max-width:1000px){#projects{justify-content:start}}.project-sidebar-container{display:flex;flex-direction:row;margin:50px}.projects-nav{min-width:200px}.projects-nav ul{display:flex;flex-direction:column;justify-content:flex-start;padding-left:0;text-decoration:none}.projects-nav ul li{list-style-type:none;text-decoration:none}@media (max-width:800px){.project-sidebar-container{flex-direction:column;margin:0 40px;width:95%}.projects-nav{overflow-x:auto;white-space:nowrap}.projects-nav ul{flex-direction:row}}@media (max-width:600px){.projects-nav{border-bottom:3px solid rgba(13,174,177,.776)}.projects-nav ul li .project-tab{margin:0}}.project-tab{border:2px solid #0daeb100;color:hsla(0,0%,100%,.584);float:right}.project-tab,.project-tab.active{background:#0000;cursor:pointer;font-size:16px;margin:15px auto;padding:10px;position:relative;text-transform:capitalize;transition:all .3s ease}.project-tab.active{background-color:#70747d47;border:2px solid rgba(13,174,177,.406);color:#fff}.project-tab:focus,.project-tab:hover{border:2px solid rgba(13,174,177,.406);color:#fff;text-decoration:none;transition:all .3s ease}button:focus{outline:0}.project-card{border:1px solid #dad7d7;border-radius:3px;display:flex;flex-direction:column;margin-left:40px;max-width:750px;padding:10px}@media (max-width:800px){.project-card{display:flex;flex-direction:column;margin:0}}@media (max-width:600px){.project-card{border:0}}.project-top-bar{border-bottom:3px solid rgba(13,174,177,.776);display:flex;flex-direction:row;font-size:24px;justify-content:space-between;margin:auto;padding:10px 12px;width:95%}.project-title{font-size:1.2em}.project-date{font-size:1em;line-height:1.5em}.project-title a{color:#fff;text-decoration:none;transition:all .3s ease}.project-title a:hover{color:rgba(29,182,184,.776);transition:all .3s ease}@media (max-width:600px){.project-top-bar{border-bottom:0;flex-direction:column}.project-title{font-size:1em;text-align:center}.project-date{color:grey;font-size:.8em;line-height:1em;text-align:center}}.project-img{margin-left:auto;margin-right:auto;padding-top:25px}.project-img img{margin-right:10px;transition:all .3s ease}.project-img img:hover{box-shadow:4px 4px 5px #006767;transform:translate(-4px,-4px)}.project-body{display:flex;flex-direction:row;height:100%}@media (max-width:1000px){.project-body{flex-direction:column-reverse}.project-body.no-picture{flex-direction:column}}.project-bullets{padding-bottom:15px}.project-bullets ul li{font-size:20px;padding-bottom:15px;padding-right:20px;text-align:justify}@media (max-width:500px){.project-bullets ul li{font-size:18px}}.project-bottom-bar{color:rgba(29,182,184,.776);display:flex;flex-direction:row;justify-content:space-between;margin:auto;width:95%}.project-code{font-size:20px;line-height:2em}.project-bottom-bar a{font-size:24px}@media (max-width:500px){.project-bottom-bar{flex-direction:column}.project-code{font-size:16px;line-height:1.5em;text-align:center}.project-bottom-bar a{padding-top:10px;text-align:center}}#experience{overflow-x:auto;padding:50px 0}.paper{background-color:#006767;margin-bottom:20px;padding:6px 16px;transition:all .3s ease!important}.paper:hover{background-color:#0067671a;transform:translateY(-4px);transition:all .3s ease}.paper:before{background-color:#006767;bottom:-1px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:all .3s ease-in-out;visibility:hidden;width:100%}.paper:hover:before{transform:scaleX(1);visibility:visible}.paper a{color:#000;text-decoration:none}.timeline{min-width:750px;width:65%}.timeline-item-title{font-weight:700!important}.timeline-dot{background-color:#006767;border:#0000;border-color:#0000}.timeline-dot-outline{border-color:#006767}@media (max-width:800px){.timeline{min-width:0;width:95%}.MuiTimelineOppositeContent-root{max-width:35%}}@media (max-width:600px){.timeline{min-width:0;width:95%}.MuiTimelineOppositeContent-root{max-width:25%}}@media (max-width:400px){.timeline{min-width:0;width:95%}.MuiPaper-root{padding:4px 12px}.MuiTimelineOppositeContent-root{padding:4px 12px!important}.MuiTimeline-root{padding:0!important}.MuiTimelineItem-content{padding:4px 12px!important}.MuiTimelineOppositeContent-root{max-width:20%}}@media (max-height:900px){#about-me{padding:50px 0}}#about-me .profile-pic{margin-left:auto;margin-right:auto}#about-me a img{display:flex;margin-bottom:25px;transition:all .3s ease}#about-me a img:hover{box-shadow:5px 5px 5px #006767;transform:translate(-4px,-4px)}#about-me p{font-size:large;line-height:1.4em;max-width:850px;padding:0 50px;text-align:justify}#about-me p a{color:#006767;font-weight:800;position:relative;text-decoration:none;transition:all .3s ease}#about-me p a:hover{color:#00676799;transition:all .3s ease}#about-me p a:before{background-color:#006767;bottom:-1px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:all .3s ease-in-out;visibility:hidden;width:100%}#about-me p a:hover:before{transform:scaleX(1);visibility:visible}@media (max-width:500px){#about-me{padding-bottom:50px;padding-top:50px}#about-me p{padding:0 25px}}.slide-up{animation:slide-up .9s ease forwards}.item-to-slide-up{opacity:0}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-left{animation:slide-left .9s ease forwards}.item-to-slide-left{opacity:0}@keyframes slide-left{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}.box{border:1px solid red}.Icon-link{color:#fff;padding:5px;transition:all .3s ease}.Icon-link:hover{color:#00a2a2cc;transition:all .3s ease}#Link{color:#fff}.App{min-width:300px}.Privacy-section{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);min-height:100vh;padding-left:20px;padding-right:20px}.App .Privacy-section h2{margin:20px}.App .Privacy-section h4{margin:10px;text-align:left;width:100%}.App .Privacy-section p{text-align:justify}.App .Privacy-section p a{color:#2ba5a5;font-weight:800;position:relative;text-decoration:none}
/*# sourceMappingURL=main.c1461ae8.css.map*/