*{font-family:Arvo,serif;text-decoration:none;margin:0;padding:0}.content-wrapper{padding:24px}@media(max-width:600px){.content-wrapper{padding:12px}}.navbar{padding:24px}.navbar-content{display:flex;padding:0 8px 8px;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(44,44,44)}.navbar a{color:#000;cursor:pointer;margin-right:16px;transition:all .3s}.navbar a.active,.navbar a:hover{color:#ff2121}.navbar-menu a{font-size:14px;font-weight:700}.container{padding:24px}@media(max-width:600px){.container{padding:12px}}.section{box-sizing:border-box;margin-bottom:36px}.section-title{width:100%;padding:0 8px 4px;border-bottom:1px solid #ff2121;box-sizing:border-box}.section-title h2{font-size:20px;font-weight:400}.experience{padding:0 24px 24px;margin-bottom:24px;border-bottom:1px solid rgba(0,0,0,.099)}.experience:last-of-type{border:none;margin:0}.experience-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.experience-header .title{font-weight:600;font-size:14px}.experience-content ul{list-style-position:inside}.experience-content li{margin-bottom:8px}.experience-skills{list-style-type:none;display:flex;flex-wrap:wrap}.experience-skills .skill{margin:4px 4px 0 0;padding:8px 16px;background-color:#ff2121;color:#fff;font-weight:400;border-radius:1px}@media(max-width:600px){.experience{padding:0 0 12px;margin-bottom:12px}.experience-header{flex-direction:column;align-items:flex-start}.experience-content ul{padding:12px 0}}.hero{height:25vh;width:100%;background-color:#000;margin-bottom:36px;background-position:center;background-size:cover}@media(max-width:600px){.hero{margin-bottom:12px}}.about-content{margin-bottom:36px}.about-content .role-title{color:#ff2121;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:dashed}.about-content h1{font-size:36px;font-weight:400;text-transform:uppercase;margin-bottom:16px}.about-content p{font-size:16px;margin:4px 0 0}.about-skills{display:flex;flex-wrap:wrap;justify-content:space-between}.about-skills .skill{width:calc(16.6% - 2px);background-color:#000;color:#fff;height:50px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:2px;text-transform:uppercase}@media(max-width:900px){.about-skills .skill{width:calc(33.3% - 2px)}}@media(max-width:600px){.about-skills .skill{width:calc(50% - 2px)}.about-content h1{font-size:24px}}.projects{padding:0 24px}@media(max-width:600px){.projects{padding:0 12px}}.button{border:none;color:#ff2121;font-size:16px;cursor:pointer;font-weight:600;padding:8px 16px;border:2px solid #ff2121;text-transform:uppercase;background-color:transparent}.project-card{display:flex;align-items:center;flex-direction:row;margin-bottom:24px;justify-content:center}.project-card:nth-child(odd){flex-direction:row-reverse}.project-card-image{display:flex;max-width:40%;padding:36px 0;position:relative;align-items:center;justify-content:center}.project-card-image img{width:90%;z-index:1;height:auto;filter:grayscale(1);transition:all .3s}.project-card-image img:hover{scale:1.1;filter:grayscale(0)}.project-card-info{max-width:40%;text-align:right;padding:24px;background-color:#8080801a;width:100%;min-height:200px}.project-card-info h2{margin-bottom:16px}.project-card-info p{margin-bottom:24px}.project-card:nth-child(odd) .project-card-info{text-align:left}@media(max-width:900px){.project-card-image,.project-card-info{max-width:50%}}@media(max-width:600px){.project-card,.project-card:nth-child(odd){flex-direction:column}.project-card-image,.project-card-info{max-width:unset;width:100%}.project-card-image{padding:12px 0}.project-card-info{padding:12px}.project-card .project-card-info{text-align:left}}.project-image{width:100%}.project-image img{max-width:80%;height:auto}