body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#111;overflow:hidden}.containers{display:flex;gap:-100px}@media only screen and (max-width:1200px){.containers{flex-direction:column}}.aboutside-container{background:#1e1e1e;border-radius:35px;box-shadow:0 13px 18px #00000038;height:750px;margin:35px;min-width:350px}.container-top{margin-top:50px}.container-bottom,.container-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.container-bottom{margin-top:-24px}.avatar,.avatar .bi{background:url(/static/media/me3.212987e912b7dba6cf76.jpg);background-repeat:no-repeat;background-size:cover;border-radius:25px;height:200px;width:220px}.avatar{box-shadow:0 8px 12px #00000047}.name{font-size:32px;font-weight:600;margin-bottom:11px;margin-top:11px}.name,.role{color:#cfcfcf}.role{align-items:center;background-color:#282828;border-radius:10px;box-shadow:0 8px 12px #00000047;display:flex;font-size:15px;height:30px;justify-content:center;width:130px}.role p{margin:10px}.divider{border:0;border-top:1px solid #616161;display:block;height:1px;margin:21px auto;width:220px}.icon-box{align-items:center;background:#212023;border-radius:10px;box-shadow:0 8px 12px #00000047;display:flex;height:36px;justify-content:center;width:40px}.bi{color:#ffca66;height:22px;width:22px}.info{display:flex;flex-direction:column}.info-item{align-items:center;display:flex;gap:15px}.data{display:flex;flex-direction:column;height:80px;justify-content:space-around}.data h6{color:#9f9f9f;font-size:14px;margin-top:20px}.data p{color:#cfcfcf;font-size:12px}.socials{align-items:center;display:flex;gap:12px;justify-content:center;padding:20px}.icon .bi{color:#cfcfcf;height:25px;width:25px}@media only screen and (max-width:1200px){.aboutside-container{border-radius:25px;height:400px;padding-bottom:5px}.container-top{align-items:flex-start;display:flex;flex-direction:column;padding-left:45px}.container-bottom{align-items:center;flex-direction:row;justify-content:center}.name{margin-left:5px;margin-top:20px}.role{margin-left:45px;margin-top:10px}.divider{border-left:1px solid #616161;height:300px;left:350px;position:absolute;top:70px;width:1px}.info{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr;left:390px}.info,.socials{gap:40px;position:absolute;top:90px}.socials{flex-direction:column;padding:20px;right:60px}.bi{height:44px;width:44px}.icon .bi{height:40px;width:40px}.icon-box{align-items:center;background:#212023;box-shadow:0 8px 12px #00000047;display:flex;height:52px;justify-content:center;width:60px}}@media only screen and (max-width:400px){.avatar,.avatar .bi{border-radius:10px;height:100px;width:100px}.aboutside-container{border-radius:15px;height:200px;margin:15px;width:376px}.container-top{left:-15px;position:absolute;top:-20px}.container-bottom{align-items:center;flex-direction:row;justify-content:center}.name{font-size:15px;margin-left:2px;margin-top:10px}.role{border-radius:5px;height:20px;margin-left:0;margin-top:0;width:100px}.role p{font-size:8px;margin:10px}.divider{border-left:1px solid #616161;height:170px;left:150px;position:absolute;top:10px;width:1px}.info{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;left:170px;top:20px}.socials{flex-direction:row;gap:20px;padding:20px;position:absolute;right:70px;top:144px}.bi{height:12px;width:12px}.icon .bi{height:22px;width:22px}.icon-box{border-radius:5px;height:20px;width:24px}.data h6{font-size:10px;opacity:0}.data p{font-size:8px;position:relative;right:40px;top:10px}.data{height:70px;justify-content:space-evenly;margin-top:-10px;width:80px}}.main-container{background:#1e1e1e;border-radius:35px;box-shadow:0 13px 18px #00000038;height:750px;margin:35px;min-width:1250px;overflow:auto}.main-container::-webkit-scrollbar{width:0}.main-container-top{align-items:center;display:flex;height:85px}.title-div{flex:1 1;padding-left:30px}.nav-div{align-items:center;background:#282828;border-bottom-left-radius:25px;border-top-right-radius:25px;box-shadow:0 8px 12px #00000047;display:flex;height:85px;justify-content:center;width:789px;z-index:2}.nav{display:flex;gap:85px}.navs{color:#cfcfcf;font-size:20px;font-weight:600;list-style:none}.navs a{color:#9f9f9f;text-decoration:none}@media only screen and (max-width:1200px){.main-container{border-radius:25px;height:850px;margin:0 35px;min-width:350px;overflow-x:hidden}.title-div{flex:1 1;padding-left:30px}.nav-div{width:600px}.nav{display:flex;gap:55px;padding-right:20px}.navs{color:#cfcfcf;font-size:18px;font-weight:600;list-style:none}}@media only screen and (max-width:400px){.main-container{border-radius:15px;height:640px;margin:0 15px 15px;width:376px}.title-div{flex:1 1;padding-left:30px}.nav-div{border-bottom-left-radius:0;border-top-left-radius:15px;border-top-right-radius:15px;height:70px;left:15px;top:228px;width:376px}.nav,.nav-div{position:absolute}.nav{display:flex;gap:25px;right:10px}.navs{font-size:14px;font-weight:600}}.about-container{position:relative}.about-container-bottom{margin-bottom:30px;width:1160px}.text{margin-bottom:35px}.text p{color:#9f9f9f;font-size:17px;font-weight:400}.cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:35px}.card{background:#222224;border-radius:15px;box-shadow:0 8px 12px #00000047;display:flex;flex-direction:row;gap:30px;height:216px;justify-content:center;padding:40px;width:570px}.doing-icon .bi{height:40px;margin-top:10px;width:40px}.doing-title{color:#cfcfcf;font-size:32px}.doing-desc{color:#9f9f9f;font-size:17px;font-weight:400}@media only screen and (max-width:1200px){.about-container{width:350px}.about-container-bottom{margin-bottom:30px;width:880px}.card{height:216px;width:420px}.doing-title{margin-bottom:20px}}@media only screen and (max-width:400px){.about-container{width:350px}.about-container-bottom{margin-bottom:30px;width:330px}.cards{grid-template-columns:1fr}.card{height:166px;width:344px}.doing-icon .bi{height:40px;margin-left:-20px;margin-top:-20px;width:40px}.doing-title{font-size:22px;margin-top:-20px}}.resume-container{position:relative}.resume-container-bottom{margin-bottom:30px;width:1160px}.golden-bar{background:#ffca66;border-radius:2px;height:4px;position:relative;top:-10px;width:40px}.timeline-container{border-radius:10px;padding:20px 10px;width:800px}.timeline-section{margin-bottom:50px}.timeline-header{align-items:center;display:flex;margin-bottom:20px}.timeline-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;margin-right:20px;width:24px;z-index:1}.timeline-header h2{color:#cfcfcf;font-size:30px;font-weight:600}.timeline-content{padding-left:33px;position:relative}.timeline-content:before{background-color:#707070;bottom:110px;content:"";left:11px;position:absolute;top:-25px;width:2px}.timeline-content-2{padding-left:33px;position:relative}.timeline-content-2:before{background-color:#707070;bottom:135px;content:"";left:11px;position:absolute;top:-25px;width:2px}.timeline-item{align-items:flex-start;display:flex;margin-bottom:30px;margin-top:-10px;position:relative}.timeline-marker{background-color:#ffca66;border-radius:50%;height:12px;left:-26px;position:absolute;top:5px;width:12px}.timeline-info{color:#cfcfcf;margin-left:10px}.timeline-info h2{font-size:20px;font-weight:600;margin-bottom:5px}.timeline-info span{color:#ffca66;display:block;font-size:22px;font-weight:400;margin-bottom:10px}.timeline-info p{color:#9f9f9f;font-size:20px;font-weight:400;line-height:1.5}.myskills-title{color:#cfcfcf;font-size:30px;font-weight:600;margin-bottom:35px;margin-top:-35px}.skills-container{background:#222224;border-radius:15px;box-shadow:0 8px 12px #00000047;display:flex;flex-direction:column;gap:20px;padding:30px 60px}.skill{font-size:18px;font-weight:600}.skill span{color:#9f9f9f}.prgrs-bar{background-color:#373739;height:10px}.prgrs-bar,.prgrs-bar-inner{border-radius:10px;position:relative}.prgrs-bar-inner{background-color:#ffca66;height:100%;width:1035px;z-index:2}@media only screen and (max-width:1200px){.resume-container{width:350px}.skills-container{margin-bottom:30px;width:880px}}@media only screen and (max-width:400px){.resume-container{width:330px}.skills-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr 1fr;height:220px;margin-bottom:0;width:344px}.resume-container-bottom{width:330px}.golden-bar{background:#ffca66;border-radius:2px;height:4px;position:relative;top:-10px;width:40px}.timeline-container{margin-left:-15px;margin-top:-20px;padding:0 10px;width:330px}.timeline-section{margin-bottom:50px}.timeline-header{align-items:center;display:flex;margin-bottom:20px}.timeline-header h2{font-size:20px;margin-top:10px}.timeline-content-2:before{top:-23px}.timeline-info{margin-left:0}.timeline-info h2{font-size:18px;font-weight:600;margin-bottom:5px;margin-left:10px}.timeline-info span{font-size:20px;margin-left:10px}.timeline-info p{font-size:17px;line-height:1.5;margin-left:10px}.myskills-title{font-size:22px}.skill{font-size:14px;height:30px;margin-left:-40px}.prgrs-bar{height:5px;margin-left:-40px;width:88px}.prgrs-bar,.prgrs-bar-inner{border-radius:5px}}.portfolio-container{position:relative}.portfolio-container-bottom{margin-bottom:30px;width:1160px}.navs{color:#9f9f9f;display:flex;gap:35px;padding:0}.work-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;margin-top:35px}.work-card img{border-radius:20px;height:180px;width:371px}.work-desc{display:flex;flex-direction:column;font-size:18px;font-weight:600;line-height:20px;margin-top:20px;padding:10px 20px}.work-title{color:#c8c7c7}.work-type{color:#9f9f9fc6}@media only screen and (max-width:1200px){.portfolio-container{position:relative}.portfolio-container-bottom{margin-bottom:30px;width:880px}.navs{color:#9f9f9f;display:flex;gap:35px;padding:0}.work-cards{grid-template-columns:1fr 1fr}.work-card img{border-radius:15px;height:200px;width:420px}}@media only screen and (max-width:400px){.portfolio-container-bottom{width:344px}.navs{display:flex;gap:35px;justify-content:space-evenly;padding:0}.work-cards{grid-template-columns:1fr}.work-card img{border-radius:10px;height:140px;margin-left:10px;width:324px}}.blog-container{position:relative}.blog-container-bottom{margin-bottom:30px;width:1160px}.content{color:#cfcfcf;display:flex;flex-direction:column;gap:35px;left:10px;position:absolute}.content h3{font-size:40px}.blog-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.blog-card{background:#212023;box-shadow:0 8px 12px #00000047;height:474px}.blog-card,.blog-card img{border-radius:20px;width:570px}.blog-card img{height:288px}.blog-info{display:flex;flex-direction:column;padding:20px}.blog-info p{color:#9f9f9fc9;font-size:22px;font-weight:600}.blog-info h2{color:#ffca66;font-size:30px}.blog-info .desc{color:#b7b7b7}@media only screen and (max-width:1200px){.content{gap:45px;padding-top:-30px}.content h3{font-size:32px}.blog-container{width:350px}.blog-container-bottom{margin-bottom:30px;width:880px}.blog-card{height:400px;width:420px}.blog-card img{height:210px;width:420px}.blog-info{display:flex;flex-direction:column;padding:20px}.blog-info p{color:#9f9f9fc9;font-size:22px;font-weight:600}.blog-info h2{color:#ffca66;font-size:30px}.blog-info .desc{color:#b7b7b7}}@media only screen and (max-width:400px){.content{gap:45px;margin-left:-25px;padding-top:45px}.content h3{font-size:22px}.blog-container{width:350px}.blog-container-bottom{margin-bottom:30px;width:880px}.blog-card{height:400px;width:420px}.blog-card img{height:210px;width:420px}.blog-info{display:flex;flex-direction:column;padding:20px}.blog-info p{color:#9f9f9fc9;font-size:22px;font-weight:600}.blog-info h2{color:#ffca66;font-size:30px}.blog-info .desc{color:#b7b7b7}.blog-container-bottom{width:344px}.blog-cards{grid-template-columns:1fr}.blog-card{height:360px;width:344px}.blog-card img{height:210px;width:344px}.blog-info{display:flex;flex-direction:column;padding:10px}.blog-info p{color:#9f9f9fc9;font-size:20px;font-weight:600}.blog-info h2{font-size:24px}}.contact-container{position:relative}.contact-container-bottom{margin-bottom:30px;width:1160px}.form-container{margin:35px 5px 5px}form{display:flex;flex-direction:column}.inputs{display:flex;gap:20px;margin-bottom:20px}input{height:60px;width:600px}input,textarea{background:#1e1e1e;border:2px solid #313131;border-radius:15px;color:#cfcfcf;padding:20px}textarea{margin-bottom:20px;overflow-y:hidden;resize:none}button{align-items:center;align-self:flex-end;background:#212023;border:none;border-radius:20px;box-shadow:0 8px 12px #00000047;color:#ffca66;display:flex;gap:20px;height:57px;justify-content:center;width:236px}@media only screen and (max-width:1200px){.contact-container{width:350px}.contact-container-bottom{width:880px}input{height:60px}button,input,textarea{border-radius:10px}button{gap:10px;width:200px}.map-container iframe{max-width:880px}}@media only screen and (max-width:400px){.contact-container{width:344px}.contact-container-bottom{margin-bottom:0;width:344px}.form-container{margin-bottom:0}.inputs{flex-direction:column}input{height:60px}input,textarea{border-radius:5px;width:333px}.map-container iframe{max-width:344px}button{border-radius:5px;bottom:70px;font-size:12px;gap:0;height:40px;position:relative;right:10px;width:100px}button .bi{opacity:0}}
/*# sourceMappingURL=main.f803ac2e.css.map*/