*{box-sizing:border-box;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;margin:0}body,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;font-family:Raleway,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1,h2,h3,h4,h5,h6,p{-webkit-text-shadow:#00000003 0 0 1px;text-shadow:#00000003 0 0 1px}p{-webkit-font-smoothing:antialiased;color:#6d6d6d;font-family:Raleway,sans-serif;font-size:15px;font-weight:500;line-height:2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#ff9428;--hover:#5f3000}.nanum-pen-script-regular{font-family:Nanum Pen Script,cursive;font-style:normal;font-weight:400}.wrapper{margin:0 auto;max-width:1080px;width:90%}.header-container{text-align:center}.header{align-items:center;background:#fffc;color:#000;display:flex;justify-content:space-between;padding:10px 20px;position:fixed;top:0;transition:background-color .6s ease;width:100%;z-index:1000}.header.open-header{background-color:var(--primary)}.logo{color:var(--primary);font-size:34px}.logo.open-logo{color:#fff}.nav{display:none;flex-direction:column;height:0;justify-content:center;left:0;opacity:0;overflow:hidden;position:absolute;text-align:left;text-align:center;top:100%;transition:height .6s ease,opacity .3s ease .3s}.nav,.nav.open{background:var(--primary);width:100%}.nav.open{display:flex;height:calc(100vh - 60px);opacity:1}.nav ul{list-style-type:none;margin:0;padding:0;width:100%}.nav ul li{background:var(--primary);margin:10px 0;padding:10px 20px}.nav ul li a{color:#fff;font-size:29px;text-decoration:none;transition:color .3s ease}.nav ul li a:hover{color:var(--hover)}.hamburger{cursor:pointer;display:flex;flex-direction:column}.hamburger span{background:var(--primary);height:3px;margin:4px 0;transition:.4s;width:25px}.hamburger.open span:first-child,.hamburger.open span:nth-child(3){background:#fff}.hamburger.open span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.landing-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:100vh;justify-content:space-between;margin:0 auto;max-width:1080px;width:90%}.landing-header-text{margin-bottom:20px}.landing-header-text h1{color:var(--primary);font-size:40px;font-weight:700;margin:10px 0}.landing-header-text p{font-size:20px}.landing-header-text p span{color:var(--primary)}.rounded-image{border-radius:100%;height:200px;object-fit:scale-down;width:200px}.skills-header-text h2{color:var(--primary);font-size:30px;font-weight:700;margin:10px 0}.skills{justify-content:start;margin:20px auto 60px}.skills,.skills li{display:flex;flex-wrap:wrap;padding:20px 0}.skills li{align-items:center;flex-direction:column;font-size:18px;list-style:none;margin:0 20px;text-align:center;width:70px}.skills li img{height:50px;margin-bottom:20px;width:50px}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:100px auto;max-width:1080px;width:90%}.about-header-text h2{color:var(--primary);font-size:30px;font-weight:700;margin:10px 0}.about-header-text p{font-size:19px}.about-header-text p span{color:var(--primary)}.company-container{display:flex;justify-content:start}.company-container span{background:var(--primary);height:3px;margin:17px 10px;transition:.4s;width:50px}.about-image{border-radius:5%;height:320px;object-fit:cover;object-position:center;width:320px}.timeline{position:relative}.timeline-line{background-color:#ccc;height:100%;left:50%;position:absolute;top:0;width:4px}.timeline-item{margin-bottom:40px;position:relative;width:45%}.timeline-item.left{left:5%}.timeline-item.right{left:51%}.timeline-content{align-items:center;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;padding:20px}.timeline-icon img{height:50px;margin-right:20px;width:50px}.timeline-text{flex:1 1}.timeline-content h3{color:#333;font-size:1.5em;margin:0}.timeline-content h4{color:#555;font-size:1.2em;margin:5px 0}.timeline-content p{color:#666;font-size:1em}.timeline-date{color:#999;display:block;font-style:italic;margin-top:10px}.timeline-item.left:before,.timeline-item.right:before{border-style:solid;content:"";height:0;position:absolute;width:0}.timeline-item.left:before{border-color:#0000 #f9f9f9 #0000 #0000;border-width:10px 15px 10px 0;right:-15px;top:20px}.timeline-item.right:before{border-color:#0000 #0000 #0000 #f9f9f9;border-width:10px 0 10px 15px;left:-15px;top:20px}@media screen and (max-width:768px){.timeline{padding:10px}.timeline-line{display:none}.timeline-item{margin-bottom:20px;transform:none;width:100%}.timeline-item.left,.timeline-item.right{left:0}.timeline-item.left:before,.timeline-item.right:before{display:none}.timeline-content{flex-direction:column;padding:15px;text-align:left}.timeline-icon img{height:40px;width:40px}.timeline-content h3{font-size:1.3em}.timeline-content h4{font-size:1.1em}.timeline-content p{font-size:.9em}.timeline-date{font-size:.8em}}@media screen and (max-width:480px){.timeline-content{padding:10px}.timeline-icon img{height:30px;width:30px}.timeline-content h3{font-size:1.1em}.timeline-content h4{font-size:1em}.timeline-content p{font-size:.8em}.timeline-date{font-size:.7em}}.project-container{margin-bottom:100px}.project-header-text h2{color:var(--primary);font-size:30px;font-weight:700;margin:10px 0}.project-image{box-shadow:-3px 3px 23px 0 #000000bf;display:block;height:300px;transition:transform .3s ease;width:500px}.project-image-container{display:flex;flex-wrap:wrap;justify-content:start;opacity:0;position:relative;text-align:center;transform:translateY(100px);transition:opacity .5s ease,transform .5s ease}.project-image-container.visible{opacity:1;transform:translateY(0)}.project-image-container div{display:inline-block;margin:10px;position:relative}.project-image-container div:hover .overlay{opacity:1;transform:translateY(0)}.project-image-container .overlay{align-items:center;background:#00000080;border-radius:10px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.overlay-text{font-size:30px;font-weight:700;text-align:center}.overlay-description{color:#fff;font-size:16px;margin:10px 30px}.overlay-skills-container{display:flex;justify-content:center}.overlay-skills{background-color:#fff;border-radius:20px;color:grey;font-size:14px;padding:5px 10px}.btn-project{background-color:var(--primary);border-radius:2cm;color:#fff;margin-top:7px;padding:10px;text-decoration:none}.btn-project:hover{background-color:var(--hover);transition:all .3s ease-in-out}.tab-container{padding:20px}.tab-list{display:flex;gap:10px;justify-content:center}.tab{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:17px;padding:7px 50px;text-transform:uppercase;transition:transform .5s ease,background .5s ease,color .5s ease}.tab.active{background-color:var(--primary);color:#fff;transform:scale(1.1)}@media (min-width:768px) and (max-width:1024px){.landing-header-text h1{font-size:45px}.landing-header-text p{font-size:22px}.landing-container{gap:40px;justify-content:center}.rounded-image{height:300px;width:300px}.landing-header-text{align-self:end}.landing-image{align-self:start}.about-container{gap:20px;justify-content:center}.about-container,.skills-container{padding:20px;width:100%}.about-header-text p{font-size:20px}.about-image{height:350px;width:350px}}@media (max-width:767px){.landing-header-text h1{font-size:33px}.landing-header-text p{font-size:17px}.landing-container{gap:20px;justify-content:center;padding:20px;width:100%}.landing-header-text{align-self:end}.landing-image{align-self:start}.about-container{gap:20px;justify-content:center}.about-container,.skills-container{padding:20px;width:100%}.about-header-text p{font-size:13px}.about-image{border-radius:50%;height:150px;width:150px}.skills{justify-content:center}.skills li{width:60px}.project-image{height:200px;width:300px}.overlay-text{font-size:15px}.overlay-description{font-size:12px}.overlay-skills{font-size:10px;padding:2px 17px}.btn-project,.tab{font-size:12px}.tab{padding:3px 20px}.project-image-container{justify-content:center}}.contact-container{background-color:#fcdec0;padding:50px 0}.questions{color:var(--hover);font-size:16px;font-weight:bolder;padding-top:20px;text-align:center}.contact-header-text{color:var(--primary);font-size:30px;font-weight:700;margin:10px 0}.contact-form{margin:auto;max-width:600px;overflow:hidden;padding:0 10px}.contact-form-text{background:#2f3542;border:0;box-sizing:border-box;color:#ddd;display:block;margin:16px 0;outline:none;padding:20px 40px;transition:.5s;width:100%}.contact-form-text:focus{box-shadow:0 0 10px 4px #34495e}textarea.contact-form-text{height:120px;resize:none}.contact-form-btn{background-color:var(--primary);border:0;border-radius:20px;color:#fff;cursor:pointer;float:right;margin-bottom:40px;padding:12px 50px;transition:.5s}.contact-form-btn:hover{background:var(--hover)}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal{animation:slide-down .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:20px;text-align:center;width:90%}.modal-title{color:var(--primary);font-size:20px;font-weight:700;margin-bottom:10px}.modal-message{color:#333;font-size:16px;margin-bottom:20px}.modal-btn{background-color:var(--primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.modal-btn:hover{background-color:var(--hover)}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.footerPad{color:#ffffff80;padding-bottom:10px;text-align:center}.footer-bg{background-color:var(--primary)}.copyright{padding-top:120px}.copy-right-2020{color:#f35e08;font-weight:bolder}.follow{padding-top:50px}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.sm{margin-top:50px}.sm a{align-items:center;background:#2c3e50;border-radius:50%;box-shadow:-3px 3px 23px 0 #000000bf;color:#f35e08;display:inline-flex;font-size:22px;height:40px;justify-content:center;margin:0 6px;text-decoration:none;transition:.4s;width:40px}.sm a i{transition:all .4s}.sm a:hover{background:#fff}.sm a:hover>i{transform:scale(1.6) rotate(25deg)}#topBtn{background:#f35e08;border:none;bottom:40px;color:#fff;cursor:pointer;font-size:22px;height:50px;margin-bottom:103px;width:50px}
/*# sourceMappingURL=main.6b60b511.css.map*/