:root{--primary-color: #111010fd;--secondary-color: #629938;--text-color: white;--accent: #8286ed;--darkerAccent: #5053A5;--lighterAccent: #A5A7DB}@font-face{font-family:Monocraft;src:url(./Monocraft-BVoc42kT.ttf) format("trueType")}::selection{color:var(--primary-color);background:var(--accent)}::-moz-selection{color:var(--primary-color);background:var(--accent)}*{font-family:Helvetica}html{scrollbar-gutter:stable}body{background-color:var(--primary-color);overflow-x:hidden;color:var(--text-color);overflow-y:auto;margin:0}a{color:var(--accent);transition:color ease .65s}a:hover{color:var(--secondary-color)}a:visited{color:var(--darkerAccent)}button{transition:background-color .65s ease,color .65s ease}.navbar{position:fixed;width:100%;z-index:100;color:var(--primary-color)}.medBigNav{background-color:var(--secondary-color);height:60px}nav.smallNav{background-color:var(--secondary-color)}.navbar-brand{margin-left:20px;width:55px;height:auto}.navbar-toggler{margin-right:20px}.nav-link{padding-left:25px;transition:background-color .6s ease}.nav-link:active,.nav-link:hover{background-color:#ffffff42}.main{display:flex;flex-direction:column;margin:0 20px}h1,h2,h3,h4,h5,h6{margin:0}h1{font-family:Georgia;font-size:40px;color:var(--secondary-color)}h2{font-family:Georgia;font-size:35px;color:var(--accent)}p{color:var(--text-color)}footer{position:fixed;bottom:0;width:100%;height:fits-content;padding:2px 0;background-color:var(--secondary-color);display:flex;justify-content:center;gap:20px}.socialsIcon{fill:var(--primary-color)}@media (max-width: 768px){#aboutMe{padding-top:90px}}#root{margin:0}.card{padding:2em}.read-the-docs{color:#888}@media screen and (min-width:992px){h1{font-size:6rem}.content p{font-size:clamp(25px,1vw,30px)}}@media screen and (max-width:768px){h1{font-size:3.5rem}.content p{font-size:clamp(16px,4vw,24px)}}.nav{position:sticky;top:0;left:0;margin:0;width:100%;z-index:101;background:var(--secondary-color);display:flex;justify-content:space-between;align-items:center;gap:10px}.navRight{display:flex;align-items:center;gap:10px}.logo{height:4em;width:4em;padding:.5em;transition:filter 1s ease}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em var(--lighterAccent))}.links{align-self:stretch;display:flex}.link{border:none;background-color:transparent}.link:hover{background-color:#ffffff1a}.link.secret{background:none;border:none;padding:0;font-size:1.3em;color:var(--secondary-color)}.link.secret:hover{color:var(--darkerAccent)}.hamburgerBtn{background:none;border:none;border-radius:8px;color:var(--primary-color);transition:background-color .25s ease;font-size:2em;line-height:normal;margin-right:4px;transform:rotate(0);transition:transform .25s ease}.hamburgerBtn:active{background-color:#ffffff1a}@media screen and (min-width: 301px){.hamburgerBtn{color:var(--secondary-color)}}.expandedLinks{display:flex;flex-direction:column;background:#568333;position:absolute;width:100%;top:64px;left:0;transform-origin:top;transform:scaleY(0);transition:transform .25s ease}.expandedLinks.expanded{transform:scaleY(1)}.expandedLinks .link{width:100%;text-align:left}.timelineSection{flex:1;display:flex;flex-direction:column}.timeline{height:100%;overflow:auto}.timelineTitle{font-size:4vw;position:sticky;display:grid;justify-items:center}.timelineTitle h2{color:var(--secondary-color)}.timelineDate{color:var(--text-color);opacity:.5}.linkBtn{fill:var(--secondary-color);cursor:pointer}.nodeWrapper{display:flex;align-items:center;justify-items:center}.node{display:grid;background-color:#423941;width:50px;height:50px;min-width:50px;min-height:50px;font-size:20px;border-radius:50%;text-align:center;align-content:end;animation:slowBlink 1s linear infinite}@media screen and (orientation: landscape){.timelineSection{height:80vh}.timeline{flex-direction:column;align-items:start}.timelineEvent{flex-direction:row;align-items:start;gap:20px;height:100%}.nodeWrapper{flex-direction:column;height:100%}.line{height:100%;width:10px}}@media screen and (orientation: portrait){.timeline{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.timelineEvent{flex-direction:column}.timelineDesc{width:80%}.lastTimelineEvent .content{width:100vw}.nodeWrapper{flex-direction:row;width:100%}.line{height:10px;width:100vw}}@keyframes slowBlink{50%{opacity:80%}}.companyName{display:flex;align-items:center;gap:1rem;margin-bottom:20px}.companyLogo{width:20%;max-width:100px}.line{position:relative;top:0;z-index:-1;background-color:#423941}.timelineEvent{display:flex}.nodeLabel{text-align:center}#aboutMe{padding-top:50px;display:flex;scrollbar-width:none}.content{color:var(--text-color);display:flex;flex-direction:column;flex:2;top:0}.content p{text-indent:2em}hr{margin:0;margin-bottom:1rem;width:90%}@media screen and (orientation: landscape){#aboutMe{flex-direction:row;gap:20px}}@media screen and (orientation: portrait){#aboutMe{flex-direction:column;gap:20px}}#contact{margin-bottom:20vh}.contactList{color:var(--text-color);width:fit-content;font-size:20px;margin-left:auto;margin-right:auto;margin-top:5%;position:relative;display:grid;grid-template-areas:"email linkedin github";justify-content:space-evenly}#emailDiv{grid-area:email}#linkedinDiv{grid-area:linkedin}#githubDiv{grid-area:github}.contactButton{z-index:1;border-width:5px;border-color:#262323fd;background-color:#262323fd;color:var(--secondary-color);font-size:30px;justify-content:center}.contactButtonDiv{padding:10px}.copyAlert{position:absolute;z-index:-1}@media (max-width: 1300px){.contactList{grid-template-areas:"email" "linkedin" "github";justify-items:center}}@media (max-width: 770px){.content,.noContent,.contactButton,.nav-link{font-size:20px}.contactButton{border-width:5px;justify-content:center}.noContent img{height:32.47vw}.alert-box{left:-36.8vw;border-width:2.599vw;font-size:2.599vw;padding:1.948vw;text-shadow:.909vw 1.299vw .13vw rgba(23,21,21,.4),-.909vw -1.299vw .13vw rgba(23,21,21,.4)}}@media (max-width: 374px){.content,.noContent{font-size:12px}.contactButton{border-width:5px;font-size:14px;justify-content:center}.noContent img{height:120px}.alert-box{left:-137.45px;border-width:9.72px;font-size:9.72px;padding:7.286px;text-shadow:3.4px 4.86px .49px rgba(23,21,21,.4),-3.4px -4.86px .49px rgba(23,21,21,.4)}}#portfolio{display:flex;flex-direction:column}.noContent{display:flex;flex-direction:column;align-items:center}.noContent p{text-indent:0}.workingImg{width:40%;height:auto}