body{color:#272829;font-family:Open Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:transparent;width:7px}::-webkit-scrollbar-thumb{background-color:#b5c00c;border-radius:10px;padding:5px}.App{text-align:center}.Page{height:99.8vh}.titlecontainer h2{color:#45505b;font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;text-transform:uppercase}.titlecontainer h2:before{background:#ddd;bottom:1px;content:"";display:block;height:1px;left:calc(50% - 60px);position:absolute;width:120px}.titlecontainer h2:after{background:#b5c00c;bottom:0;content:"";display:block;height:3px;left:calc(50% - 20px);position:absolute;width:40px}.skills-maincontainer{margin:5% 0;text-align:center;width:100%}.skills-set{border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between}.skillbar{margin:5px 0;width:16.66667%}.skill-name{align-content:center;background-color:#fcf9c6;border-radius:10px;color:#45505b;font-size:16px;font-weight:600;height:3rem;justify-content:center;text-align:center;transition:.6s;width:80%}.skill-name:hover{background-color:#c7d36f}@media screen and (max-width:480px){.skills-maincontainer{margin:auto}.skills-set{flex-wrap:wrap;margin-left:0}.skill-name,.skillbar{width:100%}.skillbar{font-size:12px;margin:5px}}@media screen and (min-width:480px) and (max-width:768px){.skills-set{flex-wrap:wrap;justify-content:space-around;width:100%!important}.skillbar{font-size:14px;margin:5px;text-align:center}}@media screen and (min-width:769px) and (max-width:1024px){.skills-set{flex-wrap:wrap;justify-content:space-around;margin-left:0;width:85%}.skillbar{margin:5px;text-align:center;width:35%}}#About{align-items:center;display:flex;flex-direction:column;height:120vh;margin-left:10%;padding-top:2%;width:85vw}.about-mydescription-container{font-size:16px;margin-bottom:2%;text-align:center}.about-me{display:flex;justify-content:flex-start;width:100%}.my-portfolio-pic{border-radius:50px;box-shadow:10px 10px 20px #45505b;height:55vh;margin-right:2%;width:55vh}.about-my-details{padding-left:15px}.about-my-details h3{-webkit-margin-before:0;-webkit-margin-after:0;color:#b5c00c;font-family:Raleway,sans-serif;font-size:28px;font-weight:bolder;margin-block-end:0;margin-block-start:0}.about-my-details p{margin-bottom:2%}.about-my-details ul{-webkit-padding-start:0;display:flex;flex-wrap:wrap;list-style:none;padding-inline-start:0}.about-my-details ul li{align-items:center;display:flex;margin-bottom:2%;width:50%}.about-my-details ul li p{-webkit-margin-before:10px;margin-block-start:10px;margin-left:8px}.about-my-details ul li i{color:#b5c00c;font-size:30px}@media screen and (max-width:480px){#About{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin:auto}.about-mydescription-container{font-size:14px}.about-me{align-items:center;flex-direction:column}.my-portfolio-pic{height:40vh;width:40vh}.about-my-details{margin-top:2%;padding-left:0}.about-my-details h3{font-size:20px;margin-top:2%}.about-my-details p{font-size:14px;text-align:justify}.about-my-details ul{flex-direction:column}.about-my-details ul li{width:95%}}@media screen and (min-width:481px) and (max-width:768px){#About{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin:auto}.about-mydescription-container{font-size:14px}.about-my-details h3{margin-top:2%}.about-me{align-items:center;flex-direction:column}.about-my-details h3{text-align:center}.about-my-details{padding-left:0;word-break:break-word}.about-my-details ul{flex-direction:row;font-size:12px}}@media screen and (min-width:769px) and (max-width:1024px){#About{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin:auto}.about-mydescription-container{font-size:14px}.about-my-details h3{margin-top:2%}.about-me{align-items:center;flex-direction:column}.about-my-details h3{text-align:center}.about-my-details{padding-left:0}.about-my-details ul{flex-direction:row}}#Contact{align-items:center;display:flex;flex-direction:column;height:99vh;margin-left:10%;padding-top:2%;width:85vw}.contact-section{display:flex;height:60vh;margin-top:5%;width:100%}.contact-locations{display:flex;flex-direction:column;justify-content:center;width:30%}.contact-items{margin:5% 0 5% 5%}.contact-icon,.contact-items{align-items:center;display:flex}.contact-icon{background-color:#f2ff5161;border-radius:50%;cursor:pointer;font-size:30px;height:8vh;justify-content:center;margin-right:3%;width:8vh}.contact-form{display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:5%;width:70%}.Name-email{display:flex;justify-content:space-between;margin-bottom:2%;width:100%}.Name-email input{border:1px solid #ced4da;border-radius:5px;color:#212529;height:44px;width:48%}.input{font-family:Arial,Helvetica,sans-serif;font-size:15px;padding-left:5px}.input:active,.input:focus{outline-color:#b5c00c}.Message textarea,.Subject input{border:1px solid #ced4da;border-radius:5px;color:#212529;height:44px;margin-bottom:2%;width:99%!important}.Form-Submit{display:flex;justify-content:center;margin-bottom:2%;width:100%}.Form-Submit button{background-color:#b5c00c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:5vh;transition:.3s ease-in-out;width:20%}.Form-Submit button:hover{background-color:#cad80b}@media screen and (max-width:480px){#Contact{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Name-email,.contact-section{flex-direction:column}.input{margin-bottom:3%;width:100%!important}.contact-form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:0;width:90%}.contact-items{margin:0 0 5%}.contact-locations{width:100%}.Form-Submit button{margin-bottom:6%;width:60%}}@media screen and (min-width:481px) and (max-width:768px){#Contact{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.contact-section{flex-direction:column}.contact-form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:0;width:90%}.Name-email input{width:45%}.contact-items{margin:0 0 5%}.contact-locations{width:100%}.Form-Submit button{margin-bottom:6%;width:50%}}@media screen and (min-width:769px) and (max-width:1024px){#Contact{height:100vh}.contact-section{flex-direction:column}.contact-items{margin:0 0 5%}.contact-form{margin-left:0;width:100%}.contact-locations{width:100%}.Form-Submit button{margin-bottom:6%;width:50%}}#Home{display:flex;height:99.8vh;position:relative}.backdrop{background:#fff;height:100%;opacity:60%!important;width:100%;z-index:1}.my-pic,.wave{bottom:0;position:absolute}.my-pic{height:100vh;right:0}.my-name-title{display:flex;flex-direction:column;justify-content:flex-start;margin-left:10%;position:absolute;top:30%;z-index:2}.my-name{color:#535453;font-size:60px;margin-bottom:0;z-index:2}.my-title{color:#737473;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;padding-left:5px;width:30vw;z-index:2}.Typewriter{color:#a4b12e;padding-left:3px;width:30vw;z-index:2}@media screen and (max-width:480px){#Home{height:100vh}.my-pic,.wave{bottom:0;position:absolute}.my-pic{height:90vh!important}.my-name-title{justify-content:center;margin-left:0;top:40%;width:98%}.my-name{font-size:50px;margin-left:0}.my-name,.my-title{text-align:center;width:100%}.my-title{font-size:20px;justify-content:center}.Typewriter{text-align:left;width:60vw}}@media screen and (min-width:481px) and (max-width:768px){.my-pic,.wave{bottom:0;position:absolute}.my-pic{height:90vh!important}.my-name-title{margin-left:5%}.my-name{font-size:55px}.my-title{font-size:25px}.Typewriter{text-align:left;width:60vw}}@media screen and (min-width:769px) and (max-width:1024px){.my-name-title{margin-left:5%}}.socialmedia-maincontainer{z-index:2}.socialmedia-groups{-webkit-padding-start:0;-webkit-margin-before:0;align-items:flex-start;display:flex;list-style:none;margin-block-start:0;padding-inline-start:0;width:20vh}.socialmedia-component .bx{color:"#737473";font-size:30px;margin-right:10px}.bx:hover{color:#a4b12e!important;transition:.4s ease-in-out}@media screen and (max-width:480px){.socialmedia-maincontainer{display:flex;justify-content:center;width:100%}.socialmedia-groups{justify-content:center}}#Portfolio{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10%;padding-top:2%;width:85vw}#Portfolio,.portfolio-items-container{align-items:center;display:flex;flex-direction:column}.portfolio-items-container{margin-top:2%;width:100%}.portfolio-navbar{display:flex;justify-content:space-between;width:25%}.portfolio-navbar button{background:none;border:none;color:#45505b;cursor:pointer;font-family:Raleway,sans-serif;font-size:17px}.portfolio-navbar button:hover{color:#b5c00c}.activeNav{color:#b5c00c!important}.portfolio-items{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:25px;width:65vw}.portfolio-item{align-self:center;-webkit-animation:fadeanimation .6s ease-in-out;animation:fadeanimation .6s ease-in-out;box-shadow:5px 5px 15px #0000007b;display:flex;justify-content:center;margin:15px 10px;position:relative}.portfolio-item:hover{box-shadow:5px 8px 15px #000;-webkit-transform:scale(1.08);transform:scale(1.08);transition-duration:.6s}@-webkit-keyframes fadeanimation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeanimation{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:480px){.portfolio-navbar{width:100%}.all-portfolio-items-maincontainer{display:block}}@media screen and (min-width:481px) and (max-width:1024px){.portfolio-navbar{width:80%}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid transparent;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}#Resume{align-items:center;display:flex;flex-direction:column;height:200vh;margin-bottom:1px;margin-left:10%;padding-top:2%;width:85vw}.resume-description p{font-size:16px;margin-bottom:2%;text-align:center}.education-experirence{display:flex;padding-bottom:3px;width:80%}.timeline-container{width:100%}.vertical-timeline:before{background-color:#45505b;height:95%}.vertical-timeline--two-columns .vertical-timeline-element-content{background:#c7d36f;border-radius:10px;padding:15px;width:45%}.vertical-timeline--two-columns .vertical-timeline-element-icon{background:#c7cf39!important}.vertical-timeline-element-content-arrow{border-right:7px solid #dde63e}.Dates{background-color:#fcf9c6;border-radius:10px;font-size:12px;padding:5px}.education-experirence-element h5{font-size:16px}@media screen and (max-width:480px){#Resume{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.education-experirence{width:100%}.vertical-timeline--two-columns .vertical-timeline-element-content{width:85%}}@media screen and (min-width:481px) and (max-width:768px){#Resume{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.education-experirence{width:100%}.vertical-timeline--two-columns .vertical-timeline-element-content{width:85%}}@media screen and (min-width:769px) and (max-width:1024px){#Resume{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.education-experirence{width:100%}.vertical-timeline--two-columns .vertical-timeline-element-content{width:85%}}.navbar-maincontainer{left:0;position:fixed;top:30%;z-index:100}.navbar-maincontainer ul{-webkit-margin-before:0;-webkit-padding-start:0;height:100vh;margin-block-start:0;padding-inline-start:0}.navbar-maincontainer ul li{list-style:none;margin:15px}.navbar-component{align-items:center;background:#f2f3f5;border-radius:50%;color:#737473;cursor:pointer;display:flex;flex-direction:row;height:8vh;text-decoration:none;width:8vh}.closebutton,.hamburger-container{display:none}.icon{font-size:25px;margin:5px;padding:18px 2px 18px 12px}.active{background:#b5c00c;color:#fff}.active .icon{color:#fff!important}.NavNames{display:none}li:hover .navbar-component{background:#b5c00c;border-radius:30px;color:#fff;transition:.3s;width:16vh}li:hover .NavNames{display:block;font-size:17px;padding:17px 7px 19px 0}li:hover .icon{color:#fff!important}@-webkit-keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInAnimation{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width:768px){.navbar-maincontainer{top:0;z-index:101}.hamburger-container{display:block}.hamburger-container i{font-size:2rem}.closebutton{display:block;position:absolute;top:0}.closebutton i{font-size:2rem}.NavNames{display:block;margin-bottom:5px}.navbar{-webkit-animation:fadeInAnimation .8s;animation:fadeInAnimation .8s;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:25rem}.navbar-component{align-items:center;border-radius:30px;font-size:25px;font-weight:600;justify-content:flex-start;width:36vh}.icon{font-size:35px;padding:10px}}@media screen and (min-width:769px) and (max-width:1024px){.navbar-maincontainer{left:2%;top:1%;z-index:101}.hamburger-container{display:block}.hamburger-container i{font-size:4rem}.closebutton{display:block;position:absolute;top:0}.closebutton i{font-size:4rem}.NavNames{display:block;margin-bottom:5px}.navbar{-webkit-animation:fadeInAnimation .8s;animation:fadeInAnimation .8s;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:35rem}.navbar-component{align-items:center;border-radius:30px;font-size:25px;font-weight:600;justify-content:flex-start;width:36vh}.icon{font-size:35px;padding:10px}}
/*# sourceMappingURL=main.13fb3ec1.css.map*/