.main-header-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:calc(100% - 50px);padding:25px 0}.fa-brands,.fa-solid,.main-header-wrapper .fa-regular{font-size:30px;color:#bebebe}.header-icon:hover{transition:all .3s ease-in-out;color:#fca072}.main-header-wrapper p{display:none}@media screen and (max-width:1359px){.profile-content{width:100%;height:400px}.profile-image{width:200px;height:200px;border-radius:100px}.profile-photo{width:220px;height:220px;margin:20px 0;padding-top:10px}.social-links{width:100%;height:50px;display:flex;justify-content:center}.social-links>a{width:30px;height:30px}.contact-me,.social-links>a{display:flex;align-items:center;justify-content:center}.contact-me{width:100%;height:100px}.profile-title{color:#555;height:100px}.fa-github,.fa-instagram,.fa-linkedin{font-size:20px;color:#fca072}.button-contact-me{border:2px solid #fca072;background-color:#fff;color:#fca072;border-radius:20px;padding:10px 30px}.fa-envelope{color:#fca072}.profile-job{font-size:20px;font-weight:400}.sidebar-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.copyright{font-size:13px;color:#fca072}}@media screen and (min-width:1360px){.sidebar-container{display:flex;flex-direction:column;justify-content:space-between}.profile-content{width:400px;height:400px}.profile-photo{width:300px;height:300px}.profile-title{margin-top:10px;line-height:40px}.profile-name{font-size:35px}.profile-job{font-size:20px;font-weight:400}.profile-title{color:#fff;text-align:center}.social-links{width:400px;height:50px}.social-links,.social-links>a{display:flex;justify-content:center}.social-links>a{align-items:center;width:30px;height:30px;margin:5px}.social-links>a:hover{border-radius:15px;background-color:hsla(0,0%,100%,.2)}.fa-github,.fa-instagram,.fa-linkedin{font-size:20px;color:#fff}.contact-me{width:400px;height:100px;text-align:center;display:flex;justify-content:center;height:50px}.button-contact-me{color:#fff;border:2px solid #fff;border-radius:20px;padding:10px 30px}.button-contact-me:hover{background-color:#fff}.button-contact-me:hover,.button-contact-me:hover>.fa-envelope{transition:all .5s ease-in-out;color:#fca072}.fa-envelope{font-size:15px;color:#fff}.copyright{width:100%;font-size:13px;position:absolute;bottom:0;text-align:center;padding-bottom:10px;color:#fff}}.sidebar-container{overflow-y:auto}.contact-me{margin-top:20px}@media screen and (max-width:1359px){.main-sidebar,.nav{display:none}.nav-mobile{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:30px;margin-bottom:30px;color:#555}.content-wrapper{width:100%;height:100%}.main-container{display:flex;flex-direction:column;height:calc(100% - 60px);width:calc(100% - 60px);padding:30px}.main-body{width:100%;height:100%;background-color:#fff;border-radius:30px;overflow-y:scroll;text-align:center}.mobile-header-container{display:flex;flex-direction:column;width:40%;height:100%;background-color:#f9ecdb;position:fixed;top:0;right:-40%;transition:all 1s}.mobile-header-container li{list-style:none}.mobile-header{text-align:center;line-height:50px;font-size:20px;color:#555}.mobile-header a{color:#555}.fa-xmark{float:right;margin:30px;font-size:40px}.showSidebar{transform:translateX(-100%);box-shadow:0 0 10px #d3d3d3}}@media screen and (min-width:1360px) and (max-width:1749px){.mobile-header-container,.nav-mobile{display:none}.content-wrapper{display:flex;width:68%;height:100%;border-radius:30px;background-color:#fca072}.main-container{display:flex;justify-content:center;width:100%;height:calc(100% - 180px);padding:90px 0}.main-sidebar{width:400px;height:100%;position:relative}.main-body{width:100%;height:calc(100% - 120px);float:right;padding:60px;overflow-y:auto}.main-body,.nav{background-color:#fff;border-radius:30px}.nav{width:60px;height:200px;margin-left:20px}.profile-image{width:200px;height:200px;margin:80px 96px;border-radius:500px;border:3px solid #fff}}@media screen and (min-width:1750px){.mobile-header-container,.nav-mobile{display:none}.content-wrapper{display:flex;width:68%;height:100%;border-radius:30px;background-color:#fca072}.main-container{display:flex;justify-content:center;width:100%;height:calc(100% - 180px);padding:90px 0}.main-sidebar{width:400px;height:100%;position:relative}.main-body{width:100%;height:calc(100% - 120px);float:right;padding:60px;overflow-y:auto}.main-body,.nav{background-color:#fff;border-radius:30px}.nav{width:60px;height:200px;margin-left:20px}.profile-image{width:200px;height:200px;margin:80px 96px;border-radius:500px;border:3px solid #fff}}::-webkit-scrollbar{display:none}*{margin:0;padding:0;font-family:Poppins,sans-serif}#app,body,html{width:100%;height:100%}body{background-color:#f9ecdb}.main-color{color:#fca072!important}.sub-color{color:#555!important}.main-color-back{background-color:#fca072!important}.font-32{font-size:32px!important}.flex-column{display:flex!important;flex-direction:column!important}.page-title{width:100%;height:69px}a{text-decoration:none}@media screen and (max-width:1359px){.page-title{text-align:center;display:flex;justify-content:center;align-items:center}.home-desktop{display:none}}@media screen and (min-width:1360px){.home-mobile{display:none}}.homepage-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.homepage-content{font-size:50px}@media screen and (max-width:324px){.portfolio-list{margin:20px}.portfolio-title{font-size:15px!important}}@media screen and (min-width:325px) and (max-width:1339px){.portfolio-list{margin:20px}}@media screen and (min-width:1340px){.portfolio-wrapper{width:100%;height:auto;position:relative}.portfolio-item:hover{background-color:#f9ecdb;color:#8b4513;border-radius:20px;cursor:pointer;box-shadow:0 2px 6px rgba(90,62,43,.12)}}.portfolio-list span{margin:0 10px;font-size:20px}.portfolio-list i{font-size:15px}.portfolio-item{width:100%;height:50px;margin:30px 0;display:flex;align-items:center}@media screen and (max-width:1359px){.row{display:grid;grid-template-columns:100%}.aboutme-content,.info-list{text-align:left;margin:20px}.aboutme-wrapper{height:100%}.aboutme-container{width:100%;height:100%}.lastbox h2{width:100px}.lastbox p{margin-left:20px}.lastbox{left:-30px}.row-lastbox{padding:0 50px;margin-bottom:20px}.timeline-vertical{width:79%;margin-left:20%}.timeline-vertical ul li{padding-top:50px}.timeline-vertical div{padding:0 10px}}@media screen and (min-width:1360px) and (max-width:1749px){.aboutme-content{margin-bottom:20px!important}}@media screen and (min-width:1750px){.aboutme-wrapper{width:100%;height:auto;position:relative}.row{display:grid;grid-template-columns:400px 300px;grid-template-rows:200px 400px}.row-bottom{margin-top:30px}.aboutme-content{margin-right:20px}.aboutme-content p{line-height:25px}.info-list ul{list-style:none}.info-list .title{margin-right:10px;font-weight:600}.info-list ul li{margin-bottom:15px}.block-title{margin-bottom:30px}.block-title h3{font-size:21px}.content{width:100%;padding:0 0 0 10px;background-color:#fff;position:relative;border-radius:6px}.content h2{font-size:15px}.content p{font-size:13px;color:#a5a6a7}.skillbar{width:100%;height:10px;background-color:#ddd;border-radius:20px;margin:10px 0}.timeline-vertical{margin-left:5%}.timeline-vertical ul li{padding-top:10px}}.timeline-vertical{border-left:1px solid rgba(85,85,85,.308)}.timeline-vertical ul{width:100%;text-align:left}.timeline-vertical ul li{position:relative;width:200px}.timeline-vertical li{list-style-type:circle;list-style:#ff9f55;right:-14.5px}.timeline-vertical li::marker{color:#ff9f55}.timeline-job-title{font-size:18px;font-weight:600;margin:5px 0;color:rgba(0,0,0,.8)}.timeline-company{font-size:15px}.timeline-first{padding-top:20px}.timeline-last{padding-bottom:10px}time{font-size:14px}.row-bottom{margin-top:30px}.info-list ul{list-style:none}.info-list .title{margin-right:10px;font-weight:600}.info-list ul li{margin-bottom:15px}.block-title{margin-bottom:30px}.block-title h3{font-size:21px}.content{width:100%;padding:0 0 0 10px;background-color:#fff;position:relative;border-radius:6px}.content h2{font-size:15px}.content p{font-size:13px;color:#a5a6a7}.skillbar{width:100%;background-color:#ddd}.skillbar,.skills{height:10px;border-radius:20px;margin:10px 0}.skills{text-align:right;color:#fff}.db,.html,.java,.js{width:95%}.css,.react{width:90%}.ts,.vue{width:85%}.detail-wrapper{width:100%;height:100%}@media screen and (max-width:365px){.profile-detail-title{width:100%;height:100%}.portfolio-image{margin-top:30px;width:200px}.portfolio-detail{width:calc(100% - 40px)}.url-icon{display:none}.portfolio-url{word-wrap:break-word}}@media screen and (min-width:366px) and (max-width:600px){.portfolio-image{margin:10px;width:200px}.portfolio-detail{width:calc(100% - 40px)}.url-icon{display:none}.portfolio-url{word-wrap:break-word}.portfolio-page-title{margin:10px 0 0 0}}@media screen and (min-width:600px){.portfolio-image{margin:20px 0;width:300px;height:100%}.portfolio-url:hover{color:coral}.url-icon{font-size:18px;margin-left:5px}.portfolio-page-title{margin:10px 0 0 0}}.detail-wrapper button{margin:15px 0;width:70px;border-color:transparent;color:#fff;border-radius:3px}.detail-wrapper button:hover{cursor:pointer}a{color:#555}.portfolio-photo{display:flex;justify-content:center}.go-back{height:30px;width:30px;color:#fca072;padding:5px;margin-right:5px;display:flex}.go-back:hover{cursor:pointer;border-radius:30px;background-color:#f9ecdb}.portfolio-page-title{color:#fca072;display:flex;align-items:center}