:root{font-family:Roboto,sans-serif,Playfair Display,serif}body{margin:0;color:#111;background-color:#fefefe}.section-title{font-family:Playfair Display;text-align:center;font-size:2.25rem;padding:2rem 0 1rem;margin:0}.section-title-description{font-size:.9rem;text-align:center;margin:0 0 2rem}#hero{display:flex;flex-direction:column;justify-content:center;text-align:center}#hero .hero-img-box{display:flex;justify-content:center;margin-top:3rem}#hero .hero-img-box #hero-img{width:15dvw;border-radius:50%}#hero .hero-name{font-family:Playfair Display}#hero .hero-name h1{font-size:3 rem}#hero .hero-tagline{padding:0 5rem}#hero .hero-tagline h3{margin:0}#hero .hero-social-handles{display:flex;align-items:center;justify-content:center;margin:2rem}#hero .hero-social-handles img{height:2.25rem;margin:0 2rem}#hero .resume-btn-box{margin:0 0 1rem}#hero .resume-btn-box .download-resume-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;padding:0 0 0 1rem;height:4rem;font-family:Playfair Display;font-size:1.25rem;font-weight:900;cursor:pointer;border:none;border-radius:2rem;box-shadow:0 0 1rem .25rem #000}#hero .resume-btn-box .download-resume-btn:active{box-shadow:0 0 #000}#hero .resume-btn-box .download-resume-btn img{width:2.5rem;margin:0 1rem}#skill{margin:1rem 0}#skill .skills-card-container{display:flex;flex-wrap:wrap;align-content:center;justify-content:center}#skill .skills-card-container .skill-card{width:45%;margin:1rem;border:1px solid #000000;border-radius:.75rem;box-shadow:inset 0 0 .5rem .1rem #000;transition:.3s ease-in-out}#skill .skills-card-container .skill-card .skill-card-header{text-align:center;border-bottom:1px solid #000000}#skill .skills-card-container .skill-card .skill-card-body{display:flex;flex-wrap:wrap;justify-content:space-around;padding:1rem}#skill .skills-card-container .skill-card .skill-card-body .skill{background-color:#000;color:#fff;padding:.75rem 1.25rem;margin:1rem;font-size:1rem;border-radius:.3rem;transition:.3s ease-in-out;font-weight:700}#skill .skills-card-container .skill-card .skill-card-body .skill:hover{background-color:#fff;color:#000;box-shadow:inset 0 0 .5rem .1rem #000}#project{margin:1rem 0}#project .project-card-container{display:flex;flex-wrap:wrap;align-content:center;justify-content:center}#project .project-card-container .project-card{display:flex;flex-direction:column;justify-content:space-between;width:25%;padding:1rem 1.5rem;margin:1rem;border:.1px solid #000000;border-radius:.75rem;box-shadow:inset 0 0 .5rem .1rem #000}#project .project-card-container .project-card .project-body .project-links{display:flex;justify-content:space-between;width:100%}#project .project-card-container .project-card .project-body .project-links .link-btn{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 1rem;font-size:1rem;font-weight:700;border:.1px solid #000000;border-radius:.3rem;box-shadow:0 0 .25rem .05rem #000;cursor:pointer}#project .project-card-container .project-card .project-body .project-links .link-btn:hover{background-color:#fff}#project .project-card-container .project-card .project-body .project-links .link-btn img{width:2rem;margin-left:.5rem}#project .project-see-more{text-align:center;margin:1.25rem}#project .project-see-more button{font-family:Playfair Display;font-size:1.5rem;font-weight:700;padding:1.5rem 4rem;border:none;border-radius:5rem;box-shadow:0 0 1rem .25rem #000;cursor:pointer}#project .project-see-more button:hover{background-color:#fff}footer{font-family:Playfair Display;font-weight:700;border-top:.1rem solid;text-align:center;line-height:3rem}#about{text-align:center}#about .about-me{margin:0 0 2rem;line-height:2rem;font-weight:300}nav{display:flex;justify-content:center;text-align:center;border-bottom:.1px solid #00000075}nav .nav-items{display:flex;align-items:center}nav .nav-items ul{display:flex;list-style:none;padding:0}nav .nav-items ul li a{margin:0 4rem;text-decoration:none;font-size:1.1rem;font-weight:700;color:inherit;padding:.5rem 1rem}nav .nav-items ul li a:hover{background-color:#000;color:#fff;border-radius:.25rem}