@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");*{padding:0;margin:0;list-style-type:none;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}html,body{width:100%;height:100%;font-family:'Montserrat', sans-serif}.container{width:100%;height:100%}.container .header{width:100%;height:140px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .header .logo{width:100%;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .header .logo a{color:#343a40;font-size:24px;font-weight:bold}.container .header .navbar{width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6;padding:2px 0;background-color:#fff}.container .header .navbar .navbar-content{width:120px;height:100%;background-color:#fff}.container .header .navbar .navbar-content a{width:100%;height:100%;color:#343a40;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:300ms all;transition:300ms all}.container .header .navbar .navbar-content a.active{background-color:#00b0ff;color:#fff}.container .header .navbar .navbar-content a:hover{background-color:#00b0ff;color:#fff}.container .banner{width:100%;height:720px;background-image:url(../images/bannerImage.jpg);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .banner .author{width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:720px;line-height:1.6;font-size:18px}.container .banner .author h4{font-size:48px;margin-bottom:50px}.container .about-me-card{width:60%;height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:100px auto}.container .about-me-card .about-me-leftbar{width:40%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .about-me-card .about-me-leftbar .about-me-img{width:280px;height:280px;margin:0 auto;border-radius:50%;-webkit-box-shadow:2px 1px 5px 5px #f4f4f4;box-shadow:2px 1px 5px 5px #f4f4f4;color:#343a40;display:-ms-grid;display:grid;place-items:center;position:relative}.container .about-me-card .about-me-leftbar .about-me-img img{-o-object-fit:contain;object-fit:contain;border-radius:50%}.container .about-me-card .about-me-leftbar .about-me-img .social-me{height:100%;position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99;border-radius:50%}.container .about-me-card .about-me-leftbar .about-me-img .social-me a{width:40px;height:40px;display:-ms-grid;display:grid;place-items:center;color:#343a40;background-color:#f4f4f4;border-radius:50%;-webkit-transition:300ms all;transition:300ms all}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:not(:first-child){margin-left:5px}.container .about-me-card .about-me-leftbar .about-me-img .social-me a.twitter-icon,.container .about-me-card .about-me-leftbar .about-me-img .social-me a.linkedin-icon{-webkit-transform:translateY(20px);transform:translateY(20px)}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:hover{color:#fff}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:hover.facebook-icon{background-color:#3b5998}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:hover.twitter-icon{background-color:#00aced}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:hover.linkedin-icon{background-color:#007bb6}.container .about-me-card .about-me-leftbar .about-me-img .social-me a:hover.github-icon{background-color:#343a40}.container .about-me-card .about-me-leftbar .about-me-author{text-align:center;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:40px}.container .about-me-card .about-me-rightbar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .about-me-card .about-me-rightbar .about-me-txt{width:100%;height:50%;font-size:14px}.container .about-me-card .about-me-rightbar .about-me-txt h4{margin-bottom:20px;font-size:28px}.container .about-me-card .about-me-rightbar .about-me{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.8;padding-right:10px;color:#343a40}.container .about-me-card .about-me-rightbar .about-me p{font-size:14px}.container .about-me-card .about-me-rightbar .about-me p b{font-size:16px}.container .about-me-card .about-me-rightbar .about-me p a{color:#343a40}.container .skills-container{width:100%;height:480px;margin:100px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .skills-container h4{width:50%;height:40px;font-size:20px;font-weight:600}.container .skills-container .skills-content{width:50%;height:80px;gap:20px}.container .skills-container .skills-content .skills-box{width:100%;height:40px;background-color:#f4f4f482;border-radius:50px;overflow:hidden}.container .skills-container .skills-content .skills-box .skills{width:100%;height:100%;text-align:end;border-radius:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px;color:#fff}.container .skills-container .skills-content .skills-box .skills.js{width:60%;background-color:#efd81d;color:#343a40}.container .skills-container .skills-content .skills-box .skills.html{width:85%;background-color:#e96228}.container .skills-container .skills-content .skills-box .skills.css{width:75%;background-color:#2862e9}.container .content-box{width:100%;height:530px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:100px;padding-bottom:50px}.container .content-box .content{width:calc(100% / 3 - 120px);height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .content-box .content .content-img{width:100%;height:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dee2e6;border-bottom:0;border-radius:10px 10px 0 0}.container .content-box .content .content-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px 10px 0 0}.container .content-box .content .content-txt{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;border:1px solid #dee2e6;border-radius:0 0 10px 10px;line-height:1.2}.container .footer{width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;background-color:#f4f4f4}.container .footer .social-ico{width:20%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.container .footer .social-ico a{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#343a40;background-color:#e6e6e6;border-radius:50%;-webkit-transition:300ms all;transition:300ms all}.container .footer .social-ico a:not(:first-child){margin-left:20px}.container .footer .social-ico a:hover{color:#fff}.container .footer .social-ico a:hover.facebook-icon{background-color:#3b5998}.container .footer .social-ico a:hover.twitter-icon{background-color:#00aced}.container .footer .social-ico a:hover.linkedin-icon{background-color:#007bb6}.container .about-page{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:calc(100% - 200px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .contact-form-container{width:100%;height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:100px 0}.container .contact-form-container .contact-form-box{width:30%;height:90%;-webkit-box-shadow:0px 21px 41px -13px #0000002e;box-shadow:0px 21px 41px -13px #0000002e;padding:20px;border-radius:5px 0 0 5px}.container .contact-form-container .contact-form-box form{width:100%;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .contact-form-container .contact-form-box form input{width:100%;height:40px;border:1px solid #dee2e6;margin-bottom:10px;padding:0 10px;border-radius:5px 0 0 5px;-webkit-transition:300ms border-color;transition:300ms border-color}.container .contact-form-container .contact-form-box form input:focus{border-color:#343a40}.container .contact-form-container .contact-form-box form textarea{width:100%;height:80px;resize:none;border:1px solid #dee2e6;margin-bottom:10px;padding:10px;border-radius:5px 0 0 5px}.container .contact-form-container .contact-form-box form button{width:50%;height:40px;border:1px solid #dee2e6;background-color:#00b0ff;color:#fff;border-radius:5px;-ms-flex-item-align:baseline;align-self:baseline}.container .contact-form-container .contact-info-box{width:20%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#00b0ff;padding:50px 20px;border-radius:5px}.container .contact-form-container .contact-info-box h4{height:40px;color:#fff}.container .contact-form-container .contact-info-box .contact-content-container{width:100%;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.container .contact-form-container .contact-info-box .contact-content-container .contact-content{width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;color:#fff}.container .contact-form-container .contact-info-box .contact-content-container .contact-content p{opacity:0.8;display:inline}.container .contact-form-container .contact-info-box .contact-content-container .contact-content a{color:#fff}.container .contact-form-container .contact-info-box .contact-content-container .contact-content .icon{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;background-color:#ffffff1a;color:#fff;display:-ms-grid;display:grid;place-items:center;margin-right:10px}.container.about .skills-container{margin:0}.container.about .about-me-card{margin:100px auto 50px auto}
/*# sourceMappingURL=style.min.css.map */