header{width:auto;padding:3rem 9rem 9rem;padding-bottom:100px;margin-top:0%;text-align:center;color:#fff}header hr{border:0;height:3px;background-color:#fff;opacity:50%;width:100%}header a{color:#e9e9e9;text-decoration:none;padding:1rem;border-radius:5px;display:inline-block;transition:color .5s,border-radius .5s,background-color .5s}header nav a:hover{color:#000;background-color:#702175;border-radius:30px}@media screen and (max-width: 992px){header a,header hr{display:none}header{padding-top:0rem;margin-top:0%}}.left,.right{flex:1 1 100%;text-align:center;pointer-events:none}.socialLinks{display:flex;justify-content:center;align-items:center;padding:20px 0}.socialLinks nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.socialLinks a{text-decoration:none}.socialLinks p{min-width:100px;border:1px solid rgba(255,255,255,.568);text-align:center;padding:10px 0;border-radius:50px;transition:all .3s ease}.socialLinks p:hover{transform:scale(1.05)}.WelcomePage .note{display:flex;justify-content:center;align-items:center}.all{padding-bottom:5rem}@media (min-width: 1000px){.WelcomePage{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.left,.right{flex:1;min-width:300px;text-align:left}.right{display:flex;justify-content:center;padding-top:80px;pointer-events:none;-webkit-user-select:none;user-select:none}}.text .note{margin-left:0%;margin-top:0%}.text{padding-right:1rem;padding-left:1rem;text-align:center;color:#0f7495}.content img{width:80%;max-width:300px;margin:50px auto 20px;box-shadow:0 0 15px #ce48e3;display:flex}.popupLinks{display:flex;flex-wrap:wrap;justify-content:center}.popupLinks a{padding-right:10px;margin-bottom:10px;display:block}.popupLinks img{position:static;width:180px}.popupLinks img:hover{width:100px}@media (min-width: 992px){.aboutField{width:100%}.aboutme{text-align:left}.content{display:flex;align-items:center;justify-content:space-between}.text{flex:1;color:#17a3d1;padding-bottom:0;padding-right:3rem;text-align:left;padding-left:0%}.highlightText{color:var(--text-yellow)}.content img{width:300px;box-shadow:0 0 15px #f5a623;transition:width .3s,box-shadow .3s;border-radius:5%;filter:opacity(90%)}.content img:hover{box-shadow:0 0 35px #f5a623}.popupLinks a{padding-right:200px;display:inline}.popupLinks img{width:150px;position:absolute;box-shadow:0 0 8px var(--text-purple);border-radius:100px;transition:width .5s,box-shadow .5s}.popupLinks img:hover{width:185px;box-shadow:0 0 20px #ce48e3;border-radius:100px}}:root{--text-main: #212121;--text-purple: #f5a623;--text-forest: #0f7495;--text-orange: #efefef;--white: #fff;--text-yellow: #f3e443;--bg-light-gray: #ececec;--bg-dark-gray: #4c4c4e;--font-default: "JetBrains Mono", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}*{box-sizing:border-box}.jetbrains-mono{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}body{margin:0;font-family:var(--font-default);color:var(--white);line-height:1.5;background-color:#013546}html{color:var(--white);font-family:var(--font-default)}h1{text-align:center;color:#e2e2e2;font-weight:700;font-size:30px;transition:color .3s}h2{color:#ebebeb;font-weight:700;font-size:20px;transition:color .3s}h3{color:#fff;font-size:15px}h1:hover,h2:hover,h3:hover,h4:hover{color:var(--text-yellow)}.container{padding:0 .5rem}p{line-height:1.2}.note{color:var(--text-forest);font-size:15px;display:inline-block;margin-top:20px;margin-left:1.5rem;transition:color .2s}.note:hover{color:var(--text-yellow)}.bigTextPurple{color:var(--text-purple);font-size:60px;padding-bottom:0%;margin:0%;font-weight:800}.mediumText{color:var(--text-purple);font-size:20px;padding-top:0%;padding-left:.5vh;margin:0%;font-weight:700}.bigTextYellow{color:var(--text-yellow);font-size:30px;padding:0%;margin:0%;font-weight:700}.smallText{color:#f49b0c;font-size:15px;padding:0%;margin:0%;font-weight:700;padding-bottom:5rem}@media screen and (min-width: 992px){.container{display:block;width:992px;margin-left:auto;margin-right:auto;padding:0}nav a{color:#e9e9e9;text-decoration:none;border-radius:5px;transition:color .7s,border-radius .3s,background-color .7s;font-size:15px}header hr{border:0;height:2px;background-color:#fff;opacity:50%;width:100%}header nav a:hover{color:#000;border-radius:20px;background-color:#013546}.note{margin-left:0%}}.redish{background-color:#be933f80}.purple{background-color:#43604b80}.gold{background-color:#c1b440b3}.note{margin-left:0%;text-align:left}.skills-grid{align-items:flex-start;text-align:center;margin-bottom:5rem}.skills-category{display:inline-block;margin:10px;width:40%;min-width:300px;height:auto;transition:transform .5s,background-color .5s}.skills-category table{background-color:#3f2702;box-shadow:0 0 15px #f5a623;width:100%;border-collapse:collapse}.skills-category tr,.skills-category td{font-size:small;border:1px solid #fff;height:2.5rem;padding:8px}.skills-category:hover{transform:scale(1.1)}@media (min-width: 992px){.skills-category{min-width:200px;width:30%}}.resumeSection{margin:2rem auto;width:90%}.sectionTitle{color:#ececec;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.resumeCard{background-color:#135c744d;border-radius:20px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #a5740466;transition:transform .3s ease,box-shadow .3s ease}.resumeCard:hover{transform:translateY(-5px);box-shadow:0 8px 20px #a5740499}.resumeDate{color:#cee348;font-weight:600;margin-bottom:.3rem}.resumeRole{color:#ececec;font-weight:700;margin-bottom:.2rem}.resumeSub{color:#ececec;font-style:italic;margin-bottom:.3rem}.resumeOrg{color:#939393;font-weight:500;margin-bottom:.3rem}.resumeDetails{color:#939393;font-size:.9rem;line-height:1.4}@media (max-width: 576px){.resumeSection{width:95%}.resumeCard{padding:1rem}}.allProjects{display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:10rem}.project{background-color:#135c744d;box-shadow:0 0 15px #bb9705b0;padding:20px;border-radius:37px;display:flex;flex-direction:column;align-items:center;margin-top:3rem;margin:1rem auto;width:80%;max-width:800px;transition:background-color .6s}.project:hover{background-color:#1083aa4d}.project-content{display:flex;width:100%}.project-image{flex:1;padding-right:20px}.project-image img{width:100%;max-width:350px;height:auto;border-radius:10px}.project-description{flex:2;text-align:left}.project ul{width:100%;padding:0 20px}li{list-style:none}.usedInProject{margin-right:auto}.playButton{color:#fff;background-color:#b68c38;transition:background-color .3s}.playButton:hover{background-color:#906e2b}a{text-decoration:none;color:#fff}.contactForm{display:flex;flex-direction:column;align-items:center;background-color:#135c744d;box-shadow:0 0 15px #8a6a09af;padding:50px;border-radius:37px;margin:1rem auto;width:80%;max-width:800px}.formRow{display:flex;justify-content:space-between;width:100%}.nameLeft,.subjectRight{flex:1;margin-right:10px}.nameLeft:last-child,.subjectRight:last-child{margin-right:0}label{margin-bottom:5px;color:#fff}input,select,textarea{width:100%;padding:10px;margin-bottom:20px;border-radius:10px;background-color:#013546;border:1px solid #065873;color:#fff}::placeholder{color:#fff;opacity:.6}select option{background-color:#a9b74a}.message{height:200px;resize:none}button{background-color:#bd962b;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#85691b}footer{margin-top:5rem;padding-top:3rem;text-align:center;width:100%;background-image:#013546}footer nav a,hr{display:none}footer .note{margin-left:0%;text-align:center}@media (min-width: 992px){hr{display:block}footer nav a{padding-right:30px;color:#afafaf;display:inline}}