:root{--primaryColor:teal;--secondColor:#354f52;--thirdColor:#74c69d;--fontColor:#f5f5f5;--fontSecond:#2f3e46}*{box-sizing:border-box;font-family:Raleway,sans-serif;margin:0;padding:0}.app-container{min-height:100vh;position:relative}.app-container,.content-wrap{background-color:teal;background-color:var(--primaryColor)}.content-wrap{padding-bottom:8rem}main{background-color:teal;background-color:var(--primaryColor);margin:0 auto;padding:70px 0}a{color:#f5f5f5;color:var(--fontColor);text-decoration:none}.content{background-color:#354f52;background-color:var(--secondColor);border-radius:5px;color:#f5f5f5;line-height:2rem;padding:2% 5%}header{margin:auto;padding-bottom:1rem}nav li{cursor:pointer}.navbar{align-items:center;background-color:#354f52;background-color:var(--secondColor);display:flex;justify-content:space-around;padding:1% 0;position:fixed;top:0;width:100%}.nav-items{gap:5px}.my-name{text-align:center}.list,.my-name{color:#f5f5f5;color:var(--fontColor)}.list{list-style:none}.active{background-color:teal;background-color:var(--primaryColor);border-radius:5px;font-weight:bolder;padding:10px 0}.list span{border-radius:5px;font-size:20px;padding:10px}.list-hover{transition:font-size .5s ease-in-out,color .5s ease-in-out,background-color .5s ease-in-out}.list-hover:hover{background-color:#74c69d;background-color:var(--thirdColor);color:#afeeee}.bio-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:2% 0}.bio{background-color:#354f52;background-color:var(--secondColor);color:#f5f5f5;display:flex;flex-direction:column;gap:1.5vh;line-height:2rem;max-width:50%;padding:2% 5%;text-align:left}.bio,.my-pic{border-radius:5px}.my-pic{align-self:flex-start;margin:0 5%;min-width:250px;width:35%}.bio-container>.pic-placeholder{height:50px;width:50px}.project-wrap{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 10%;text-align:center}.project-grid{grid-gap:45px 45px;display:grid;gap:45px 45px;grid-template-columns:repeat(2,1fr)}.grid-item{align-content:center;background-color:#74c69d;background-color:var(--thirdColor);border-radius:3px;box-shadow:2px 2px 5px #354f52;box-shadow:2px 2px 5px var(--secondColor,.5);display:flex;flex-direction:column;height:400px;padding:5px 5px 10px;transition:box-shadow .2s ease-in-out;width:400px}.grid-item:hover{box-shadow:5px 5px 15px #354f52;box-shadow:5px 5px 15px var(--secondColor,.5)}.grid-item a{background-color:#354f52;background-color:var(--secondColor);border-radius:3px;padding:15px;transition:background-color .3s ease-in-out}.grid-item a:hover{background-color:teal;background-color:var(--primaryColor)}.card-body{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 15px}.project-title{color:#f5f5f5;color:var(--fontColor);margin:10px;padding:7px 0;transition:color .5s ease-in-out}.project-img{align-self:center;border-radius:3px;height:150px;margin-bottom:10px;width:200px}.project-feature{background-color:#354f52;background-color:var(--secondColor);border-radius:3px;color:#f5f5f5;color:var(--fontColor);padding:10px 5px;text-align:center}.repo-link-wrap{align-items:center;display:flex;justify-content:space-around;margin:5px 25px;padding-top:10px}.contact-section{border-radius:5px;justify-content:center;padding:25px 5% 10px}.contact-section,.email-section,.social-section{align-items:center;display:flex;flex-direction:column}.email-section,.social-section{margin:5px 300px 25px}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.email,.social-link{align-items:center;background-color:#74c69d;background-color:var(--thirdColor);border-radius:5px;display:flex;flex-wrap:wrap;font-size:15px;font-weight:bolder;justify-content:space-around;margin:0 15%;padding:0 5%;transition:background-color .25s ease-in-out}.social-link{margin:0;padding:0 2%}.email a,.social-link{color:#354f52;color:var(--secondColor);transition:color .25s ease-in-out}.email:hover,.email:hover a,.social-link:hover{color:#f5f5f5}.email:hover,.social-link:hover{background-color:teal;background-color:var(--primaryColor)}.email-btn{background-color:#354f52;background-color:var(--secondColor);margin:5px;padding:5px 25px;transition:background-color .25s ease-in-out}.email-btn:hover{background-color:#74c69d;background-color:var(--thirdColor)}.form-input{margin-bottom:25px}button{background-color:#74c69d;background-color:var(--thirdColor);border:none;border-radius:.5rem;color:#f5f5f5;color:var(--fontColor);cursor:pointer;font-size:1rem;font-weight:700;margin:0 0 15px;outline:none;padding:1rem 1.5rem;text-decoration:none;transition:background-color .5s ease-in-out,opacity}button:hover{background-color:#354f52;background-color:var(--secondColor)}button:active{opacity:.5}label{background-color:#74c69d;background-color:var(--thirdColor);border-radius:5px;color:#f5f5f5;color:var(--fontColor);margin-right:15px;padding:8px}input{border:1px solid var(--dark);border-radius:3px;font-size:1rem;outline:none;padding:.25rem;transition:box-shadow .2s;width:400px}input:focus{border:1px solid var(--secondary);box-shadow:0 0 .25rem #e0797980}.message-div{align-items:center;display:flex;justify-content:center}textarea{border:1px solid var(--dark);border-radius:3px;padding:5px;width:400px}.email-message,.error-message{color:#f5f5f5;color:var(--fontColor);font-weight:700;text-transform:uppercase}.contact-me-section,.resume-section{display:flex;flex-direction:column;padding:0 10%;text-align:center}@keyframes resume-color{0%{background-color:#74c69d;background-color:var(--thirdColor);color:#f5f5f5;color:var(--fontColor)}to{background-color:#f5f5f5;background-color:var(--fontColor);color:#74c69d;color:var(--thirdColor)}}.resume-content{align-items:center;align-self:center;display:flex;justify-content:center;padding:5%;width:50%}.resume-link{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:resume-color;border-radius:5px;color:#f5f5f5;color:var(--fontColor);font-size:20px;font-weight:bolder;margin-left:5px;padding:5px;text-decoration:none}.resume-section p{margin-bottom:20px}.icon-list{background-color:#354f52;background-color:var(--secondColor);border-radius:5px;flex-wrap:wrap;justify-content:space-around;padding:2% 5% 5%}.icon-list,.skill-div{align-items:center;display:flex;text-align:center}.skill-div{flex-direction:column;margin-top:15px}.skill-icon{background-color:#f5f5f5;background-color:var(--fontColor);border-radius:5px;height:50px;margin:15px 25px 2px;padding:5px;width:50px}.skill-text{color:#f5f5f5;color:var(--fontColor);font-size:12px}.footer{background-color:#354f52;background-color:var(--secondColor);bottom:0;padding:15px;position:absolute;width:100%}.footer>div{gap:1rem}.footer span{padding:10px 5%}.icon-link,.icon-link:visited{color:#74c69d;color:var(--thirdColor);font-size:50px;text-decoration:none}.icon-link>svg:hover{color:teal;color:var(--primaryColor);transition:color .25s ease-in}.icon-link>svg{color:#74c69d;color:var(--thirdColor);transition:color .25s ease}.heading{background-color:teal;background-color:var(--primaryColor);border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--fontColor);margin:3rem 30% 25px;padding:3% 5% 0}.heading,.sub-heading{color:#f5f5f5;color:var(--fontColor);text-align:center}.sub-heading{margin:0 30% 25px;padding:0 5%}.flex{display:flex;text-align:center}.centered,.wrap{flex-wrap:wrap}.centered{align-items:center;justify-content:center}.space-a{justify-content:space-around}.space-a,.space-b{align-items:center}.space-b{justify-content:space-between}@media screen and (max-width:1300px){.email-section,.social-section{margin:5px 100px 15px}}@media screen and (max-width:1250px){.icon-list{padding:2% 15% 5%}}@media screen and (max-width:1068px){.my-pic{align-self:flex-start}.project-grid{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.icon-list{padding:2% 5% 5%}.grid-item{background-color:#74c69d;background-color:var(--thirdColor)}.bio-container{flex-direction:column}.bio{margin:3% 0 0;max-width:70%;padding:2% 5%}.my-pic{align-self:center;min-width:200px;width:25%}.email,.social-link{margin:0 5%}}@media screen and (max-width:575px){.navbar h1,.navbar ul li span{font-size:80%}.active{padding:5px 0}.heading{font-size:20px;padding:3% 2% 0}.bio{font-size:12px;line-height:1.5rem}.grid-item{width:350px}input,textarea{width:200px}.email-message,.error-message,.resume-section p{font-size:14px}.resume-section a{font-size:16px}.contact-me-section{padding:0 5%}.email-section,.social-section{margin:5px 10px 15px}.email,.social-link{flex-direction:column;margin:0 2%}.email-btn{margin-bottom:5px}.icon-link,.icon-link:visited{font-size:40px}.footer span:hover{background-color:#354f52;background-color:var(--secondColor)}.icon-link:hover{color:none;font-size:45px}}@media screen and (max-width:375px){.navbar h1,.navbar ul li span{font-size:70%}.grid-item{height:415px;width:300px}.footer>div{gap:0}}
/*# sourceMappingURL=main.159af5c0.css.map*/