@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap");html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0 12%;background:#18181B;height:100%}@media screen and (max-width: 1200px){body{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}}a{text-decoration:none;cursor:pointer}a,a:visited{color:#D4A373}p{color:rgba(245,245,245,0.9)}p>span{color:rgba(212,163,115,0.9);font-weight:600}h1,h2{color:#D4A373}h3,h4,label{line-height:1;padding-bottom:4px;color:#D4A373}ul{list-style:none}body{font-family:'Poppins', sans-serif}p{font-size:0.9em}@media screen and (max-width: 1200px){p{font-size:0.8em}}h1{font-weight:900;letter-spacing:-1px;font-size:2.2em}h2{font-weight:800;font-size:1.3em}h3{font-weight:600;font-size:1.2em}h4{font-weight:500;font-size:1.1em}button{font-weight:500;font-size:1em}footer p{font-size:0.9em}label{font-weight:800;font-size:1.1em}.social-list{position:absolute;top:auto;left:0;right:auto;bottom:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center}@media screen and (max-width: 1200px){.social-list{display:none}}.social-list::after{content:'';display:block;height:10vh;border:2.5px solid #F5F5F5;margin-top:20px}.social-list .icon{position:relative;margin:10px 0}.social-list .icon a{color:#F5F5F5;cursor:pointer;font-size:18px;font-weight:100;transform:translate(-50%, -50%);transition:clip-path 0.6s ease-in-out;clip-path:circle(0);position:absolute;top:50%;left:50%;right:auto;bottom:auto}.social-list .icon i{color:#F5F5F5;font-size:18px;transition:clip-path 0.5s ease-out, opacity 0.6s;clip-path:circle(100%);opacity:1}.social-list .icon::before,.social-list .icon::after{transform:translateY(-50%);display:block;content:'';border:2px solid #F5F5F5;height:34px;width:30px;position:absolute;top:50%;left:auto;right:auto;bottom:auto}.social-list .icon::before{right:0;clip-path:polygon(0 0, 50% 0, 50% 100%, 0 100%);transition:right 0.3s ease 0.2s, opacity 0.6s}.social-list .icon::after{left:0;clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%);transition:left 0.3s ease 0.2s, opacity 0.6s}.social-list .icon:hover>i{opacity:0;clip-path:circle(0)}.social-list .icon:hover>a{clip-path:circle(100%)}.social-list .icon:hover::before{right:40px}.social-list .icon:hover::after{left:40px}.social-list-h{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px;padding-top:16px}@media screen and (min-width: 1200px){.social-list-h{display:none}}.social-list-h a{color:#F5F5F5}.social-list-h a i{font-size:1.3rem}.projects{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.projects .project-list{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:50px}.projects .project-list .project-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:50px}@media screen and (max-width: 700px){.projects .project-list .project-item{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px}}.projects .project-list .project-item img{width:200px;border-radius:.7rem}@media screen and (max-width: 500px){.projects .project-list .project-item img{align-self:center}}.project-desc{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.project-desc .links{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;padding:12px 0px}.project-desc .links i{font-size:0.9rem;padding-right:6px}.project-desc .links a:hover::after{width:100%}.project-desc .links a::after{content:'';display:block;height:100%;width:100%;border-bottom:2px solid #D4A373;width:0;transition:width 0.2s}.projects>ul>li{box-shadow:#000 0 0 10px 0px;border-collapse:collapse;border-radius:.7rem;padding:1.2rem;transition:all 0.2s ease}.projects>ul>li:hover{transform:scale(1.005);box-shadow:#000 0 0 10px 2px}footer{width:100%;background:#D4A373;text-align:center;padding:30px 0}footer i{color:#F5F5F5;font-size:32px;padding:0 10px 20px 10px;cursor:pointer;transition:transform 0.2s}footer i:hover{transform:scale(1.1)}footer p{color:#F5F5F5}main{padding-top:10vh;max-width:700px;margin-bottom:20vh}main>div{margin-bottom:30px}main>div>h2{margin-bottom:20px}.experience{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.experience .experience-list .experience-item{gap:50px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.experience .experience-list .experience-item>p{flex:0 0 200px}@media screen and (max-width: 1200px){.experience .experience-list .experience-item>p{display:none}}.experience .experience-list .experience-item>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.experience .experience-list .experience-item .exp-m{color:#D4A373;padding-bottom:10px}@media screen and (min-width: 1200px){.experience .experience-list .experience-item .exp-m{display:none}}.experience>ul>li{box-shadow:#000 0 0 10px 0px;border-collapse:collapse;border-radius:.7rem;padding:1.6rem;transition:all 0.2s ease}.experience>ul>li:hover{transform:scale(1.005);box-shadow:#000 0 0 10px 2px}.header{position:sticky;top:10vh;align-self:flex-start;height:90vh;max-width:400px;min-width:360px;margin-right:100px}@media screen and (max-width: 1200px){.header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;height:100%;margin-bottom:100px;margin-right:0px;min-width:0px}}.header p{font-size:1.1em}@media screen and (max-width: 1200px){.header p{font-size:1em}}.tag-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:20px}.tag-list li{font-size:0.8em;padding:0.2rem 0.7rem;border-radius:.7rem;background:#F5F5F5;color:#18181B}@media screen and (max-width: 1200px){.tag-list li{font-size:0.7em}}