*{box-sizing:border-box;margin:0;padding:0}body,html,section{height:100%;position:relative}html{scroll-behavior:smooth}.App{margin:0;overflow-x:hidden}.bg{background-color:#580054;padding-bottom:45px;padding-top:50px}.div{display:flex;justify-content:center;padding-top:150px;width:100%}#value{color:#83186d;font-family:Ubuntu;font-size:25px;font-weight:800}svg{color:transparent;left:105,5px;position:absolute;top:235px}@media screen and (max-width:1044px){svg{top:265px}}@media screen and (max-width:452px){svg{top:165px}}@media screen and (max-width:768px){.bg .responsive{padding-top:50px}}.container1{color:#fde8fd;display:flex;font-family:Ubuntu;font-size:25px;padding:15% 5% 0}.profile-name{margin-top:-105px;width:75%}.span{color:#cc9a0f;font-size:25px}.primary-text{color:#046e24;font-size:50px;font-weight:1200}.bold-text{color:#bd0808;font-weight:700}.profile-img{margin-top:-200px;width:35%}.profile-img img{height:auto;width:350px}.div-cv{margin-left:350px;margin-top:5px;width:30%}.button{background-color:#046e24;border-radius:15px;color:#77af10;cursor:pointer;display:inline-block;font-family:Ubuntu;font-size:20px;font-weight:600;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.button:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#c7f374}@media screen and (max-width:1020px){.primary-text{font-size:30px}.profile-name{margin-top:5px;position:relative;width:100%}.profile-img img{width:250px}}@media screen and (max-width:768px){.profile-img img{display:none}.container1{display:grid;margin-left:15px;padding:15% 0;width:100%}.span{font-size:25px}.div-cv{margin-left:50px;margin-top:10px;width:100%}}nav h3{color:#eaaaf0}nav .p,nav h3{font-family:Expletus sans;font-weight:800}nav .p{color:#bb0b05;font-size:40px}nav{align-items:center;background-color:transparent;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);box-sizing:border-box;color:#fde8fd;display:flex;font-family:Ubuntu;height:50px;justify-content:space-around;overflow:hidden;position:fixed;top:35px;width:100%;z-index:3}nav .nav-link{display:flex;justify-content:flex-end;list-style:none;width:75%}.nav-items{cursor:pointer;font-size:25px;font-weight:700;padding:35px 25px 25px;text-decoration:none}.nav-items,.nav-items:hover{color:#fde8fd}.mobile-menu-icon{display:none}@media screen and (max-width:780px){nav h3{display:flex;left:50px;position:absolute}.sosmed,nav .nav-link{display:none}nav .nav-link-mobile{background:#6b1950;box-sizing:border-box;display:block;flex-direction:column;height:100%;justify-content:space-evenly;left:0;list-style:none;overflow:hidden;position:fixed;top:80px;transition:all .5s ease-in-out;width:100%}.nav-items{font-size:25px;padding:32px;text-align:center;transition:all .5 ease;width:100%}.mobile-menu-icon{background:none;border:none;color:#ffb1ff;display:block;font-size:30px;outline:none;position:absolute;right:15px}}.aboutme-img{width:45%}.aboutme-img img{border-radius:10px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);width:80%}.aboutme-details{color:#cc9a0f;font-family:Ubuntu;font-size:30px;width:45%}.about-text{color:#046e24;font-size:40px;font-weight:500;text-align:center}@media screen and (max-width:450px){.div{flex-direction:column;width:100%}.aboutme-img{padding-bottom:40px;text-align:center;width:100%}img{width:100%}.about-text{color:#046e24;font-size:30px;font-weight:500;text-align:center}.aboutme-details{font-size:5px;padding:15px;text-align:left;width:100%}}@media screen and (max-width:1044px){.aboutme-details{font-size:25px}}.card1{background-color:transparent;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);font-family:Ubuntu;font-size:40px;font-weight:600;text-align:center;width:60%}.card1,label{color:#eccaca}label{font-size:30px;font-weight:500;text-align:left}.flex-div{grid-gap:1rem;display:grid;grid-template-columns:75%;justify-content:center;margin-top:-65px;padding:25px;width:100%}.flex-items{background-color:transparent;border-radius:15px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);padding:20px;text-align:left;width:100%}@media screen and (max-width:780px){.flex-items{text-align:left;width:100%}.card1{width:100%}.label{font-size:14px}}.br{padding-top:100px}.card{align-items:center;background-color:#bda2b2;border-radius:15px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);height:auto;margin-left:20px;margin-top:50px;padding:15px;width:80%}.skill{color:#046e24;font-size:40px;font-weight:600;margin-top:80px;text-align:center}.skill-logo img{height:220px;padding-bottom:25px;width:100%}.div-card{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.outer-circle{border-radius:50%;box-shadow:6px 6px 10px -1px rgba(0,0,0,.015),-6px -6px 10px -1px hsla(0,0%,100%,.7);height:160px;padding:20px;width:160px}.inner-circle{align-items:center;border-radius:50%;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.7),-.5px -.5px 0 #fff,.5px .5px 0 rgba(0,0,0,.2),0 12px 10px -10px rgba(0,0,0,.05);display:flex;height:120px;justify-content:center;width:120px}.circle-html{fill:none;stroke-width:20px;stroke:url(#linear);stroke-dasharray:450;stroke-dashoffset:450;-webkit-animation:html 3s linear forwards;animation:html 3s linear forwards;color:transparent}@-webkit-keyframes html{to{stroke-dashoffset:65}}@keyframes html{to{stroke-dashoffset:65}}.circle-css{fill:none;stroke-width:20px;stroke:url(#linear);stroke-dasharray:450;stroke-dashoffset:450;-webkit-animation:css 3s linear forwards;animation:css 3s linear forwards;color:transparent}@-webkit-keyframes css{to{stroke-dashoffset:100}}@keyframes css{to{stroke-dashoffset:100}}.circle-php{fill:none;stroke-width:20px;stroke:url(#linear);stroke-dasharray:450;stroke-dashoffset:450;-webkit-animation:php 3s linear forwards;animation:php 3s linear forwards;color:transparent}@-webkit-keyframes php{to{stroke-dashoffset:95}}@keyframes php{to{stroke-dashoffset:95}}.circle-react{fill:none;stroke-width:20px;stroke:url(#linear);stroke-dasharray:450;stroke-dashoffset:450;-webkit-animation:react 3s linear forwards;animation:react 3s linear forwards;color:transparent}@-webkit-keyframes react{to{stroke-dashoffset:200}}@keyframes react{to{stroke-dashoffset:200}}.default{fill:none;stroke-width:20px;stroke:url(#linear);stroke-dasharray:450;stroke-dashoffset:450;-webkit-animation:o s linear forwards;animation:o s linear forwards;color:transparent}@media screen and (max-width:1044px){.div-card{grid-template-columns:repeat(2,1fr)}card{width:60%}.skill-logo img{height:250px;width:100%}}@media screen and (max-width:450px){card{width:30%}.skill{font-size:30px}.skill-logo{text-align:center}.skill-logo img{height:150px;width:80%}}
/*# sourceMappingURL=main.3d64176f.css.map*/