nav{background-color:var(--body-color);position:fixed;width:100%;height:90px;line-height:90px;padding-inline:9vw;display:flex;justify-content:space-between;z-index:10}nav .nav-logo{font-size:24px;font-weight:600;color:var(--logo-color);font-family:"Helvetica",sans-serif}nav ul{display:flex;list-style:none}nav ul .nav-link{text-decoration:none;color:var(--text-color);font-weight:500;padding-inline:15px;margin-inline:20px}nav ul .active-link{position:relative;color:var(--first-color)}nav ul .active-link::after{position:absolute;content:"";width:5px;height:5px;background-color:var(--first-color);left:50%;bottom:-15px;border-radius:50%}.btn{font-weight:500;padding:12px 20px;background-color:#efefef;border:none;border-radius:10px;cursor:pointer}.btn:hover{background-color:var(--second-color);color:var(--white-color)}.btn>i{margin-left:10px}.home-text{padding-left:20px;min-height:80vh;width:50%;display:flex;flex-direction:column;justify-content:center}.home-text .tag>span{background-color:var(--logo-color);color:var(--white-color);padding:4px 6px;font-size:15px;border-radius:8px;font-family:"Helvetica",sans-serif}.home-text .name{font-size:50px;font-weight:600;color:var(--third-color)}.home-text .subtitle{font-size:20px;margin-bottom:30px;color:var(--text-color)}.home-text .text-btn{display:flex;gap:20px}.home-text .text-btn>.blue-btn{background-color:var(--first-color);color:var(--white-color)}.home-text .text-btn>.blue-btn:hover{background-color:var(--first-color-hover)}.home-text .icons{display:flex;margin-top:5em;gap:30px}.home-image{display:flex;justify-content:right;align-items:center;width:50%;min-height:80vh}.home-image .image{width:380px;margin:0 auto;overflow:hidden}.home-image .image img{width:380px;border-radius:500px}.about-container{display:flex;justify-content:space-between;width:100%;gap:50px}.about-container .introduce,.about-container .contents{width:50%}.about-container h3{margin-bottom:10px;font-size:20px;font-weight:600;color:var(--second-color)}.about-container .card{display:flex;align-items:center;flex-direction:column;padding:30px 20px 70px;width:100%;background-color:var(--white-color);border-radius:20px;box-shadow:1px 8px 10px 2px var(--first-shadow-color)}.about-container .card div{text-align:left;font-size:14.5px;color:var(--text-color)}.about-container .list{display:flex;flex-direction:column;padding:30px 65px 70px;width:100%}.about-container .list h3{text-align:center}.about-container .list .item{font-size:15px;padding:11px;display:flex;justify-content:space-between;color:var(--text-color);position:relative}.about-container .list .item strong{font-weight:bold}.about-container .list .item::before{box-sizing:border-box;content:"";position:absolute;top:14px;left:-16px;width:15px;height:15px;border-radius:50px;background-color:var(--first-color)}.skill-container{display:flex;width:100%;gap:20px;flex-wrap:wrap}.skill-container .skill-item{flex-basis:calc(50% - 20px);display:flex;flex-direction:column;gap:5px}.skill-container .skill-item .skill{display:flex;justify-content:space-between;align-items:center}.skill-container .skill-item .progress-bar-wrap{height:10px;border:1px solid #ccc}.skill-container .skill-item .progress-bar-wrap .progress-bar{height:10px;background-color:var(--first-color)}.contact-container{display:flex;justify-content:space-between;width:100%;gap:50px}.contact-container .info,.contact-container .form{width:50%}.contact-container .contact-info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 30px;width:100%;height:315px;background-color:var(--third-color);color:var(--white-color);border-radius:10px;gap:10px;box-shadow:1px 8px 10px 2px var(--first-shadow-color)}.contact-container .contact-info>h2{margin-bottom:20px}.contact-container .contact-info i{font-size:18px}.contact-container .form{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:55px 250px 1fr;gap:10px}.contact-container .form input,.contact-container .form textarea{background:rgba(0,0,0,0);border:2px solid #aaa;border-radius:10px;padding:15px 20px;outline:none}.contact-container .form input{padding:15px 20px}.contact-container .form textarea{grid-column:1/3;resize:none}.contact-container .form .btn{margin:0 auto;grid-column:1/3;background-color:var(--third-color);color:var(--white-color)}.contact-container .form .btn i{font-size:18px}footer{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:30px;padding-block:40px 60px}footer .top-footer{font-size:25px;font-weight:600}footer .footer-menu{display:flex}footer .footer-menu .menu-item{list-style:none}footer .footer-menu .menu-item a{text-decoration:none;color:var(--text-color);font-weight:500;margin-inline:20px}footer .footer-icons{display:flex;gap:30px}footer .bottom-footer{font-size:14px;margin-top:10px}:root{--body-color: rgb(250, 250, 250);--logo-color: rgb(218, 70, 102);--white-color: rgb(255, 255, 255);--text-color: rgb(68, 68, 68);--first-color: rgb(110, 87, 224);--first-color-hover: rgb(40, 91, 212);--first-shadow-color: rgb(0, 0, 0, 0.1);--second-color: rgb(170, 142, 18);--third-color: rgb(40, 91, 212)}html{scroll-behavior:smooth}body{background-color:var(--body-color)}body .container{width:100%}*{margin:0;padding:0;box-sizing:border-box}.wrapper{padding-inline:10vw}.wrapper .home-box{display:flex;padding-block:6em;height:100vh;min-height:700px}.wrapper .section{padding-block:6em}.wrapper .section .top-header{text-align:center;margin-bottom:5em}.wrapper .section .top-header h1{font-weight:600;margin-bottom:10px}.wrapper .section .top-header span{color:#999}i{font-size:16px}.icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;box-shadow:0px 2px 5px 0px rgba(0,0,0,.25);cursor:pointer}/*# sourceMappingURL=style.min.css.map */