body{height:100vh;background-color:#000;font-family:monospace;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#fff}.wrapper{text-align:center}.fRow{margin-top:6rem}.fCol1,.fCol2{max-height:100%}.sRow{padding-top:1rem;height:550px;margin-bottom:30em;border-left:solid;border-right:solid;border-top:solid}.skillsHeader h2{padding:5px;border-top:solid;border-right:solid;border-left:solid;color:#efe2ff}.projectsContainer{margin-bottom:30em;color:#efe2ff;background:radial-gradient(circle at top left,#303030 -20%,#000,#3a3a3a);border:solid rgb(125,125,125) 1.5px;border-radius:.5rem}.ftr{height:10rem}@media (max-width: 768px){.fCol2{margin:auto;max-width:15rem}}@media (max-width: 767px){#root{padding:0}.greeting{padding-top:0!important}.introduction{font-size:1.1em!important}.fRow{height:50rem!important}.tRow{height:100%!important}.fCol1{height:50%}.fCol2{height:40%}}@media (max-width: 1024px) and (min-width: 767px){.fRow{height:590px!important}}@media (max-width: 768px){.contactRow{margin-bottom:20em}}@media (min-width: 768px){.wrapper{padding:5rem}}.navBar{padding-left:4em}.NavLink:hover{color:#0ff}.navBarComponent{border-bottom:.1px solid gray}#first-name{color:#c2ebff}@media (max-width: 768px){.navBar{padding-left:.8rem}}.greeting{display:inline-block;border-right:5px solid rgb(239,226,255);white-space:nowrap;width:63%;overflow:hidden;animation:cursor .7s step-end infinite;animation-delay:.6s}#greet{color:#efe2ff}@media (max-width: 768px){.greeting{display:inline;width:100%}}@media (max-width: 1024px){.greeting{display:inline;width:100%}}@media (max-width: 1280px){.greeting{display:inline;width:100%}}@keyframes cursor{50%{border-color:transparent}}.logos{transition:.3s ease-in-out;border-radius:.5em;border:solid #ffffff;padding:5px;color:#fff}.logos:hover{color:#efe2ff!important;transform:scale(1.3)translateY(-5px);box-shadow:0 0 25px #efe2ff}.aboutCol h2{text-align:start}#first-word{color:#c2ebff}.aboutRow{height:500px;margin-bottom:20em}.pfp{border:solid white 4px;border-radius:50%;max-height:70%;max-width:25rem;height:100%;width:100%;background-image:url(./me-BkD0VBzV.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media (max-width: 767px){.aboutCol{max-height:60%;height:100%}.pfpCol{max-height:40%;height:100%}.pfp{height:60%;max-width:13rem}.aboutCol h2{padding-top:0!important}.aboutCol p{font-size:.9em!important}.aboutRow{height:50rem}}@media (max-width: 1024px) and (min-width: 767px){.pfp{height:40%;width:70%}}.skills{padding:3%;text-align:start}.btns{height:2.2rem;margin:5px;border-radius:5px;border:solid white;background:transparent;color:#efe2ff}.btns:hover{color:#fff;background:linear-gradient(to right,#e5b5ff5c,#f1d3ff69)}.skillsComponent{max-width:60%;width:100%}.col1,.col2{max-height:50%;height:100%}.col1{border-right:solid}.rowSkills{max-height:50%;height:100%}@media (max-width: 768px){.btns{font-size:10.5px}.skillsComponent{max-width:100%}.col1,.col2{max-height:77%}}.project{transition:.3s ease-in-out;width:100%;height:100%;max-height:100%;max-width:100%;border-radius:10px;border:solid black}.project:hover{transform:scale(1)translateY(-7px)}.project-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;height:32rem}.project-container::-webkit-scrollbar{display:none}.projectGrid{scroll-snap-align:start}.skills-used{position:absolute;bottom:0;color:#000;text-align:start;padding:4px}.image{max-height:40%;height:100%;width:100%}.image img{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px}.description{position:relative;border-bottom-right-radius:8px;border-bottom-left-radius:8px;max-height:60%;height:100%}.description p{color:#000}.description h4{display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:#fff;background-color:#000;max-height:15%;height:100%;margin:0}.info{color:#000;text-align:start;padding:4px}a{text-decoration:none}.projectGrid{min-width:30rem}@media (max-width: 768px){.projectGrid{min-width:23.1rem}}.contact-container{border:solid rgb(91,91,91);border-radius:10px;background:radial-gradient(circle at top left,#312b39 -20%,#000,#312b39);max-width:40rem;margin:auto;max-height:100%}.formCol1{max-height:100%;height:100%}.contact-left{display:flex;flex-direction:column;align-items:start;gap:20px}.contact-title{font-weight:600;font-size:40px;padding-top:1rem;color:#d7d7d7}.contact-inputs{width:400px;height:50px;border:none;outline:none;padding-left:25px;font-weight:500;color:#666;border-radius:10px}.contact-left textarea{height:140px;border-radius:10px;resize:none}.contact-left textarea,input{background-color:#161323;padding:15px}.contact-inputs:focus{border:2px solid rgb(182,170,196)}.contact-inputs::placeholder{color:#a9a9a9}.contact-left button{align-items:center;padding:15px 30px;gap:10px;border:solid rgb(133,113,156);color:#fff;border-radius:10px;background:transparent}.contact-left button:hover{transition:.3s;background:linear-gradient(to right,#9779b45c,#1c0b2d69)}@media (max-width: 1050px){.contact-inputs{width:100%}}