.projects-margin{margin-top:0}#projects{min-height:200px;padding-left:12%;padding-right:12%}.projects-table{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.projects-card{background-color:#112240;border-radius:20px;cursor:default;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.projects-card:hover{background-color:#233554;transform:translateY(-2px)}.card-header{align-items:flex-end;border-bottom:none;display:flex;flex-direction:row;justify-content:space-between;padding:12px;width:100%}.card-title{color:#ccd6f6;font-size:clamp(20px,2.5vw,25px);padding:10px}.card-desc{align-items:left;color:#8892b0;padding:15px 10px;text-align:start}.card-desc,.card-tech{font-size:clamp(14px,1.6vw,15px)}.card-tech{color:#cb8dff;margin-top:auto;padding:15px 20px 15px 10px;text-align:right}@media only screen and (max-width:800px){.projects-margin{margin-top:0}#projects{align-items:center;display:flex;flex-direction:column;height:auto;margin:5px auto 0;padding:0;width:90%}.projects-table{justify-items:center;list-style:none;margin:0;padding:0;width:100%}}#about{align-items:center;display:flex;flex-direction:column;padding:0 12%}.about-margin{margin-top:0}.about-content{display:flex;flex-direction:row;height:auto;text-align:justify;width:100%}.about-description{color:#8892b0;font-size:clamp(16px,2vw,20px);margin:0;max-width:600px;text-align:justify;width:100%}.stack{display:flex;flex-direction:row;margin-left:clamp(40px,10vw,100px)}.stack-content{color:#8892b0;display:flex;flex-direction:column;font-size:clamp(16px,2vw,20px);height:auto;max-width:500px;text-align:justify;width:100%}.stack-content ul{display:grid;grid-template-columns:repeat(2,minmax(150px,10px));list-style-type:none;margin-left:0}.stack-content li{font-size:clamp(15px,1.9vw,19px);justify-content:flex-start;left:0;padding-left:20px;position:relative;text-align:justify}.stack-content li:before{color:#cb8dff;content:"▹";left:0;position:absolute}@media only screen and (max-width:800px){#about{margin:0 auto;padding:20px 0;text-align:center;width:90%}.about-margin{margin-top:0}.about-content{text-align:center}.about-content,.stack-content{display:flex;flex-direction:column;height:auto;width:100%}.stack-content{color:#8892b0;text-align:left}.stack{margin-left:0}.stack-content li{padding-left:13px}.about-section{align-items:center;justify-content:center}}#footer{display:flex;flex-direction:column;margin-top:80px;padding-bottom:30px}.built{color:#ccd6f6;font-size:clamp(13px,1.5vw,15px)}.built,.contact{text-align:center}.contact{align-items:center;flex-direction:row;margin-top:25px}.contactinfo{color:#d6a5fe;margin-left:20px;margin-right:35px}.contactinfo:hover{color:#493e53}#home{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.allinfo{align-self:center;display:flex;flex-direction:column;max-width:100%;width:clamp(300px,50vw,600px)}.greetings{color:#ccd6f6;font-size:clamp(32px,6vw,55px);max-width:100%;overflow:hidden;white-space:nowrap}.cursor{animation:blink 1s linear infinite;opacity:1}.intro-sub{font-size:clamp(20px,3.5vw,30px)}.bio,.intro-sub{color:#8892b0;font-weight:300}.bio{font-size:clamp(16px,2.5vw,23px)}.intro-pic{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;margin-left:4vw;margin-top:120px;padding:0;width:100%}.personal-pic{border:none;border-radius:10px;box-shadow:6px 13px 23px -5px #00000075;height:auto;max-width:clamp(200px,25vw,300px)}.resume{border:1px solid #cb8dff;border-radius:4px;color:#ccd6f6;cursor:pointer;display:inline-block;font-size:clamp(14px,1.8vw,18px);padding:clamp(18px,2.5vw,25px) clamp(20px,3vw,30px);text-decoration:none;white-space:nowrap}.resume-container{margin-top:50px}.resume-title{padding-left:5px}.resume-icon{color:#8892b0}.resume:hover{background-color:#233554;color:#fff}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media only screen and (max-width:800px){#home{display:flex;flex-direction:column;margin-bottom:8vh;min-height:80vh}.allinfo{height:auto;margin-left:0;max-width:400px;width:90%}.bio,.intro-sub{color:#8892b0;font-weight:300}.intro-pic{align-items:center;background-color:initial;display:flex;flex-direction:row;justify-content:center;margin-left:0;margin-top:12vh;padding:initial;width:auto}.personal-pic{height:auto;margin-left:0;margin-top:0;max-width:200px}.resume{display:inline-block;font-size:14px;padding:18px 22px}}.experience-margin{margin-top:0}#experience{margin-bottom:clamp(40px,6vh,80px);padding-left:12%}.company-name{color:#cb8dff}.experience-list{align-items:flex-start;color:#8892b0;display:flex;flex-direction:row;height:600px;max-width:800px;width:100%}.experience-info{flex-direction:column;height:100%;margin-left:10px;overflow-y:auto;padding-top:0;text-align:center;width:70%}.job-title{font-size:clamp(18px,2.2vw,22px)}.job-duration,.job-title{font-family:Courier New,Courier,monospace;text-align:left}.job-duration{font-size:clamp(16px,2vw,20px);margin-bottom:15px}.job-description{font-family:Courier New,Courier,monospace;font-size:clamp(15px,1.8vw,17px);list-style:none;margin-left:-20px;text-align:left}.job-description li{margin-bottom:15px}.job-description li:before{color:#cb8dff;content:"▹    ";left:0}@media only screen and (max-width:800px){.experience-margin{margin-top:0}#experience{margin:0 auto;padding-left:0;width:90%}.experience-list{flex-direction:column;height:800px;margin-left:-10px;width:100%}.experience-info{height:100%;margin-left:-10px;margin-top:10px;overflow-y:auto;width:100%}.job-duration,.job-title{text-align:left}.tabs{width:100%}}.skills-margin{margin-top:0}#skills{padding-left:12%}.skills-list{color:#8892b0;display:flex;flex-direction:row;max-width:800px;min-height:500px;width:100%}.skills-info{flex-direction:column;height:auto;overflow-y:visible;text-align:center;width:70%}.skills-data{font-family:Courier New,Courier,monospace;font-size:clamp(15px,1.8vw,17px);height:auto;list-style:none;text-align:left}.skills-data li{margin-bottom:15px}.skills-data li:before{color:#cb8dff;content:"▹    ";left:0}@media only screen and (max-width:800px){.skills-margin{margin-top:0}#skills{margin:0 auto;padding-left:0;width:90%}.skills-list{flex-direction:column;min-height:600px}.skills-info,.skills-list{margin-left:-10px;width:100%}.skills-info{height:auto;margin-top:10px;overflow-y:visible}.tabs{width:100%}}