body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.navbar{background-color:#f3f3f3;height:0;display:flex;justify-content:flex-start;align-items:center}.bars-icon:hover{color:#cfcfcf!important}.menu-bars{margin-left:6rem;margin-top:10rem}.menu-bars,.menu-x{font-size:2.5rem;background:none}.menu-x{margin-left:2rem;margin-top:2rem}.x-icon:hover{color:#7270ff!important}.nav-menu{background-color:#f5f5f5;width:90%;z-index:10;height:93vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s;margin-left:5%!important;margin-top:1.5%!important}@media only screen and (max-width:1024px){.nav-menu{display:block}}.nav-menu.active{left:0;transition:.35s}.nav-text{display:flex;justify-content:flex-start;align-items:center;padding:8px 0 8px 10px;list-style:none;height:140px;min-width:40%}.nav-text a{text-decoration:none;color:#000;font-size:50px;min-width:60%;height:70%;display:flex;padding:0 16px;border-radius:4px}@media only screen and (max-width:768px){.nav-text a{font-size:35px;height:50%}}.nav-text a:hover{background-color:#7270ff;min-width:20%}.nav-menu-items{min-width:100%}.navbar-toggle{width:1%;height:80px;display:flex;justify-content:flex-start;align-items:center}.navbar-toggle:hover{color:#cfcfcf!important}span{margin-left:16px}.just-pic{margin-left:-60%;height:93vh;width:60%;color:#fff3f3;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/static/media/hustile.1b802e54.jpeg)}@media only screen and (max-width:1024px){.just-pic{background-image:none}}.about-me .poster{margin-left:5%;margin-top:20px;min-height:70vh;width:90%;color:#fff;background-color:#7270ff}.about-me .poster .proj{font-size:90px;font-weight:700}@media only screen and (max-width:768px){.about-me .poster .proj{font-size:60px}}.about-me .poster .explore{margin-top:100px;font-weight:500;font-size:23px;color:#313131}.about-me .part1{margin-left:5vw;width:90%}.about-me .part1 .section-1{min-height:100%;display:flex;justify-content:center}@media only screen and (max-width:768px){.about-me .part1 .section-1{display:block}.about-me .part1 .section-1 .passion{padding-bottom:10%;padding-top:10%;padding-left:20%!important;width:50%}.about-me .part1 .section-1 .passion .know-me{font-size:35px!important}.about-me .part1 .section-1 .ill-pic{display:none;width:80%}}.about-me .part1 .section-1 .left-pane{min-height:90vh;min-width:35%;background-color:#f66767}.about-me .part1 .section-1 .right-pane{min-height:90vh;min-width:65%;background-color:#eec12c}.about-me .part1 .section-1 .right-pane .passion{text-align:left;padding-top:100px;font-weight:700;padding-left:30%;width:65%;padding-bottom:10%;color:#fff}.about-me .part1 .section-1 .right-pane .passion .know-me{font-weight:700;margin:0;font-size:60px}.about-me .part1 .section-1 .right-pane .passion .intro-me{font-weight:100}.about-me .ill-pic{position:absolute;float:left;margin-left:10%;padding-left:1%;margin-top:51px;min-height:75%;min-width:35%;background-image:url(/static/media/likeme.e16b9fec.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:#fff}.about-me .part2{background-color:#faf0de;min-height:90vh;margin-left:5%;width:90%}.about-me .part2 .exp{min-height:20%;font-size:60px;color:#2c2c2c;text-align:left;margin-left:11%;padding-bottom:52px;margin-top:40px}@media only screen and (max-width:768px){.about-me .part2 .exp{font-size:35px}}.about-me .part2 .exp .per{font-size:20px}.about-me .part2 .divider1,.about-me .part2 .divider3{margin-top:57px}.about-me .part2 .self{padding-bottom:3%;min-height:80%;display:flex;justify-content:space-evenly;min-width:100%;flex-direction:row}@media only screen and (max-width:768px){.about-me .part2 .self{display:block;padding-bottom:3%}.about-me .part2 .self .develop,.about-me .part2 .self .edu,.about-me .part2 .self .more{padding-left:20%;min-width:55%!important}}.about-me .part2 .self .edu{font-weight:700;font-size:28px;width:18%;text-align:start;color:#313131}.about-me .part2 .self .edu .p4{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part2 .self .develop{font-weight:700;font-size:28px;text-align:start;width:18%;color:#313131}.about-me .part2 .self .develop .p3{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part2 .self .more{font-weight:700;font-size:28px;text-align:start;width:18%;color:#313131}.about-me .part2 .self .more .p2{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part3{display:flex;color:#fff;background-color:#7270ff;min-height:110vh;margin-left:5%;width:90%}@media only screen and (max-width:1024px){.about-me .part3{display:block}.about-me .part3 .coding-pic{background-size:auto;background-position:50%;margin-top:-3.2%}}.about-me .part3 .coding-pic{min-width:35%;min-height:110vh!important;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(/static/media/time.1b6e9a4c.jpg)}@media only screen and (max-width:900px){.about-me .part3 .coding-pic{margin-top:-4.5%}}@media only screen and (max-width:635px){.about-me .part3 .coding-pic{margin-top:-5%}}@media only screen and (max-width:570px){.about-me .part3 .coding-pic{margin-top:-6%}}@media only screen and (max-width:480px){.about-me .part3 .coding-pic{margin-top:-7%}}@media only screen and (max-width:400px){.about-me .part3 .coding-pic{margin-top:-8.2%}}@media only screen and (max-width:340px){.about-me .part3 .coding-pic{margin-top:-9.2%}}.about-me .part3 .my-skills{min-height:109vh;min-width:65%;padding-bottom:2%}.about-me .part3 .my-skills .title-skills{min-height:17%;font-size:60px;color:#fff;text-align:left;margin-left:11%;padding-bottom:50px;margin-top:40px}@media only screen and (max-width:768px){.about-me .part3 .my-skills .title-skills{font-size:35px;padding-left:11%}.about-me .part3 .my-skills .title-skills .soft-skills{font-size:24px}}.about-me .part3 .my-skills .title-skills .per{font-size:20px}.about-me .part3 .my-skills .soft-skills{color:#fadf46;font-size:28px;font-weight:700}.about-me .part3 .my-skills .skills{min-height:83%;display:flex;justify-content:space-evenly;flex-direction:row}@media only screen and (max-width:768px){.about-me .part3 .my-skills .skills{display:block;padding-bottom:20px}.about-me .part3 .my-skills .skills .develop,.about-me .part3 .my-skills .skills .more{padding-left:22%;min-width:50%!important}.about-me .part3 .my-skills .skills .edu{padding-left:22%;min-width:55%!important}}.about-me .part3 .my-skills .skills .edu{color:#fadf46;font-size:28px;font-weight:700;width:18%;text-align:start}.about-me .part3 .my-skills .skills .edu .p4{color:#fff;font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part3 .my-skills .skills .develop{font-weight:700;font-size:28px;text-align:start;width:18%}.about-me .part3 .my-skills .skills .develop .p3{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part3 .my-skills .skills .more{font-weight:700;font-size:28px;text-align:start;width:18%}.about-me .part3 .my-skills .skills .more .p2{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.about-me .part4{display:flex;color:#313131;background-color:#faf0de;min-height:100vh;margin-left:5%;width:90%}@media only screen and (max-width:768px){.about-me .part4{display:block}}.about-me .part4 .extra-stuff{width:35%;font-size:60px;text-align:left;padding-left:10%;margin-top:13%}@media only screen and (max-width:768px){.about-me .part4 .extra-stuff{padding-left:25%}}.about-me .part4 .per{font-size:20px}.about-me .part4 .hobbies{min-width:65%;height:100%;padding-bottom:3%}.about-me .part4 .hobbies .hobby-name{color:#1a1a1a;height:100%;font-size:28px;font-weight:700;width:40%;text-align:start}.about-me .part4 .hobbies .hobby{font-weight:400;text-align:start;font-size:20px}.about-me .part4 .hobbies .misc{margin-top:17%;justify-content:space-around;height:100%;display:flex}@media only screen and (max-width:500px){.about-me .part4 .hobbies .misc{display:block;padding-left:25%;padding-bottom:5%}.about-me .part4 .hobbies .misc .hobby-name{min-width:50%!important}}.about-me .cv{background-color:#ffca68;margin-left:5%;padding-top:5%;width:90%;min-height:30%;font-weight:700;font-size:40px;padding-bottom:5%}@media only screen and (max-width:768px){.about-me .cv{padding-top:6%;font-size:25px}}.group{position:relative;align-items:flex-start}.group .form-input{background:none;background-color:transparent;color:#3b3b3b;font-size:20px;height:45px;display:block;width:70%;border-radius:0;border:none;border-bottom:1px solid #3b3b3b;margin:40px 0}@media only screen and (max-width:768px){.group .form-input{width:90%!important}}.group .form-input:focus{outline:none;border-bottom:1px solid #51abff}.group .form-input:focus~.form-input-label{text-shadow:0 0 4px #51abff;top:-14px;font-size:14px;color:#000;color:#51abff}.group .form-input-label{color:#3b3b3b;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .3s ease}.group .form-input-label.shrink{top:-14px;font-size:14px;color:#000}.poster{margin-left:5%;margin-top:20px;min-height:70vh;width:90%;color:#fff;background-color:#f66767}.poster .proj{font-size:90px;font-weight:700}@media only screen and (max-width:768px){.poster .proj{font-size:60px}}.poster .explore{margin-top:100px;font-weight:500;font-size:23px;color:#000}.social-links{background-color:#ebebeb;color:#000;padding-right:5%;padding-top:20%;padding-left:4%}@media only screen and (max-width:1024px){.social-links{padding-top:5%}.social-links .links{padding-bottom:3%;padding-top:2%!important}}.social-links .last-text{text-align:flex-start}.social-links .links{padding-top:6%}.section2{background-color:#faf0de;min-height:90vh;margin-left:5%;width:90%}.section2 .want-project{font-size:60px}@media only screen and (max-width:1024px){.section2 .want-project{font-size:35px}}.section2 .contact-details{display:flex}.section2 .contact-details .e-mail{font-size:28px;font-weight:700}.section2 .contact-details .e-mail .p-one{font-size:20px;font-weight:100}.section2 .contact-details .phone-num{font-size:28px;font-weight:700}.section2 .contact-details .phone-num .p-two{font-size:20px;font-weight:100}.section2 .contact-details .phy-address{font-size:28px;font-weight:700}.section2 .contact-details .phy-address .p-three{font-size:20px;font-weight:100}.section2 .self{padding-bottom:3%;min-height:80%;display:flex;justify-content:space-evenly;min-width:100%;flex-direction:row}@media only screen and (max-width:1024px){.section2 .self{display:block;padding-bottom:3%}.section2 .self .develop,.section2 .self .edu,.section2 .self .more{padding-left:20%;min-width:55%!important}}.section2 .self .edu{font-weight:700;font-size:28px;width:18%;text-align:start}.section2 .self .edu .p4{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.section2 .self .develop{font-weight:700;font-size:28px;text-align:start;width:25%}.section2 .self .develop .p3{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.section2 .self .more{font-weight:700;font-size:28px;text-align:start;width:25%}.section2 .self .more .p2{font-weight:100;font-size:20px;text-align:start;font-weight:lighter}.write-down{min-height:110vh;min-width:70%;margin-left:50px}.write-down .honor{font-size:60px;font-weight:700;height:15vh;text-align:left;margin-top:40px}.write-down .honor .write-me{font-weight:100;font-size:20px}.write-down .fill-out{min-height:65vh;margin-top:170px;min-width:90%}@media only screen and (max-width:768px){.write-down .fill-out .msg{top:43px}}.write-down .fill-out .comm{justify-content:space-evenly;min-width:90%;display:flex}@media only screen and (max-width:768px){.write-down .fill-out .comm{display:block;min-width:auto}}.drop-line{display:flex;color:#fff;background-color:#fadf46;min-height:109vh;margin-left:5%;width:90%}@media only screen and (max-width:1024px){.drop-line{display:block}}.msg{top:40px;height:140px;background-color:transparent;position:relative;width:90%;color:#3b3b3b;font-size:20px;display:block;border:1px solid #3b3b3b;border-radius:5px;resize:vertical}.msg::-webkit-input-placeholder{color:#3b3b3b;font-size:18px;font-weight:400;pointer-events:none;-webkit-transition:font-size .3s;transition:font-size .3s}.msg:-ms-input-placeholder{color:#3b3b3b;font-size:18px;font-weight:400;pointer-events:none;-ms-transition:font-size .3s;transition:font-size .3s}.msg::placeholder{color:#3b3b3b;font-size:18px;font-weight:400;pointer-events:none;transition:font-size .3s}.msg:focus{outline:none;border:1px solid #51abff}.msg:focus::-webkit-input-placeholder{font-size:14px;text-shadow:0 0 4px #51abff;color:#51abff}.msg:focus:-ms-input-placeholder{font-size:14px;text-shadow:0 0 4px #51abff;color:#51abff}.msg:focus::placeholder{font-size:14px;text-shadow:0 0 4px #51abff;color:#51abff}.span{position:relative;float:left;margin-top:16vw}.submit-button{transition-duration:.4s;min-height:5vh;min-width:17%;margin-left:65%;margin-top:10%;margin-bottom:10%;border:none;border-radius:4px;text-align:center;font-size:24px;padding:5px;transition:all .5s;cursor:pointer}@media only screen and (max-width:768px){.submit-button{margin-bottom:10%!important;margin-top:12%!important;font-size:20px}}@media only screen and (max-width:1024px){.submit-button{margin-top:9%}}.submit-button:hover{border:0;background-color:#4caf50;color:#fff}.email-fill,.name-fill,.subject-fill{min-width:33%}.portfolio{width:100%}.portfolio .arrow{height:100px}.portfolio .arrow:hover{cursor:pointer;color:#8a2be2}.portfolio .poster{margin-left:5%;margin-top:20px;height:70vh;min-width:90%;color:#fff;background-color:#f66767}.portfolio .poster .proj{font-size:90px;font-weight:700}@media only screen and (max-width:768px){.portfolio .poster .proj{font-size:60px}}.portfolio .poster .explore{font-weight:500;font-size:23px;color:#000}.portfolio .project-template{margin-left:2%;width:45.4%;margin-bottom:2%;margin-top:2%;border-radius:5px!important;box-shadow:0 0 1px 1.3px hsla(0,0%,39.2%,.486)}.portfolio .templates-container{display:flex;margin-left:3.2%;flex-wrap:wrap}.portfolio .container{height:500px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio .car{font-size:50px;color:purple}.portfolio .h4{color:#444;margin:2px 0 0;font-size:23px;display:flex;justify-content:center;align-content:center;text-align:center}.portfolio .h5{padding:4px 0 0 5px;color:#444;font-size:17px;margin:0 0 17px;letter-spacing:.02em}.portfolio .ref{display:block;box-shadow:0 -2px 3px 0 rgba(0,0,0,.144),0 -2px 2.5px 0 rgba(0,0,0,.19);margin-top:2%;position:relative;padding-top:2%;padding-left:5px;padding-bottom:2%;line-height:1.4;background-color:rgba(250,223,70,.849);height:15.5%;min-width:auto!important;justify-content:space-between}.portfolio .ref:hover{text-shadow:2px 2px 5px #fdbc5b;color:#f10909;box-shadow:0 -3px 3px 0 #fda6aa}.portfolio .details{background-color:#faf0de;text-align:left;justify-content:left;min-height:auto;border-top:1px solid rgba(0,0,0,.424);text-decoration:none}.portfolio .image{height:101%;width:111%;object-fit:fill;object-position:center}.portfolio .image:hover{cursor:pointer;transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}
/*# sourceMappingURL=main.9a155400.chunk.css.map */