@-webkit-keyframes moveInBottom{0%{opacity:0;transform:translateY(10rem)}80%{transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(10rem)}80%{transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes moveOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10rem)}}@keyframes moveOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10rem)}}@-webkit-keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes growIn{0%{transform:scale(0)}to{transform:scale(100)}}@keyframes growIn{0%{transform:scale(0)}to{transform:scale(100)}}@-webkit-keyframes shrinkOut{0%{transform:scale(100)}to{transform:scale(0)}}@keyframes shrinkOut{0%{transform:scale(100)}to{transform:scale(0)}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media (max-width:75em){html{font-size:55%}}@media (max-width:56.25em){html{font-size:50%}}@media (max-width:37.5em){html{font-size:40%}}@media (max-height:37.5em){html{font-size:32%}}body{box-sizing:border-box;font-family:"Handlee",cursive}.loading-screen{width:100%;height:100vh;background-color:#142850;position:fixed;top:0;left:0;z-index:99}.loading-screen-heading{color:#00a8cc;font-size:8rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.footer{width:100%;background-color:#242424;-webkit-clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);margin-top:-10rem;padding:6rem 0 0}@media (max-width:75em){.footer{-webkit-clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%)}}.footer-content{text-align:center;color:grey;padding:6rem 4rem}.footer-content-heading{font-size:4rem;margin-bottom:2rem}.footer-content-details{font-size:2rem}.footer-content-details span{font-weight:700;font-size:2.5rem}.footer-content-contactlist{list-style:none;margin-top:2rem}.footer-content-contactlist li{text-decoration:none;display:inline-block;font-size:2.5rem}.footer-content-contactlist li a{text-decoration:none;color:grey}.footer-content-contactlist li:not(:last-child){margin-right:2rem}.footer-content-contactlist--facebook:hover{color:#0c7b93}.footer-content-contactlist--instagram:hover{color:#dd2a7b}.footer-content-contactlist--github:hover{color:#fff}.footer-content-contactlist--twitter:hover{color:#00a8cc}.footer-content-contactlist--linkedin:hover{color:#0077b5}.footer-content-button{margin-top:1rem;background-color:#242424;padding:1rem 1.5rem;border:2px solid grey;color:grey;cursor:pointer;transition:all .5s}.footer-content-button:hover{background-color:grey;color:#242424}.header{width:100%;height:100vh;background-image:url(/myWebsite/static/media/back-1.6ff11806.png);background-size:65%;background-repeat:no-repeat;background-position:100%;padding:3rem 2rem 10rem}.header-contents{margin-top:50vh;transform:translateY(-60%)}@media (max-width:75em){.header{background-image:linear-gradient(to right bottom,rgba(0,168,204,.8),rgba(39,73,109,.8)),url(/myWebsite/static/media/back-1.6ff11806.png);background-position:50%;background-size:100%}}.header-username{color:grey;font-size:2.5rem;font-weight:bolder;letter-spacing:1.5rem;display:block;text-align:center}.header-heading{opacity:0;font-size:5rem;font-weight:700;width:50%;padding:4rem 2rem 1rem}@media (max-width:75em){.header-heading{width:100%;margin:0 auto;font-size:3rem;padding:0 2rem}}@media (max-width:37.5em){.header-heading{font-size:3rem}}.header-heading--primary{display:block;font-size:8rem;color:#00a8cc;text-align:center;padding:0 1.5rem}@media (max-width:75em){.header-heading--primary{color:#142850}}@media (max-width:37.5em){.header-heading--primary{font-size:10rem}}.header-heading--secondary-1{display:block;text-align:center;color:#27496d;padding:2rem 1.5rem}@media (max-width:75em){.header-heading--secondary-1{color:#142850}}.header-heading--secondary-2{display:block;font-size:4rem;color:#142850;padding:2rem 0 0 12rem}.header-about-me{opacity:0;font-size:2rem;margin-left:8%;width:42%;padding:1rem 4rem;color:#142850}@media (max-width:75em){.header-about-me{width:100%;margin:0 auto;font-size:4rem;padding:2rem 10rem;font-weight:700}}@media (max-width:56.25em){.header-about-me{font-size:3.5rem}}@media (max-width:37.5em){.header-about-me{font-size:3rem}}.header-about-me--imp-text{color:#0c7b93;font-size:2.5rem;font-weight:700}@media (max-width:75em){.header-about-me--imp-text{color:#000;font-size:5rem}}@media (max-width:37.5em){.header-about-me--imp-text{font-size:3.5rem}}.section-about-me{width:100%;min-height:100vh;height:auto;background-color:#142850;-webkit-clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);padding:8rem 4rem 14rem;margin-top:-12.5rem}@media (max-width:75em){.section-about-me{-webkit-clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%)}}.section-about-me-title{opacity:0;display:block;text-align:center;color:#00a8cc;font-size:5rem;word-spacing:1rem;padding:4rem 2rem;margin-top:5%;text-shadow:0 1rem 2rem rgba(0,0,0,.5)}.section-about-me-contents{display:grid;grid-template-columns:49% 49%;grid-column-gap:2%}@media (max-width:56.25em){.section-about-me-contents{grid-template-columns:100%;grid-row-gap:1%}}.section-about-me-text{opacity:0;text-align:center;font-size:4rem;color:#27496d;padding:6rem 4rem;width:100%}@media (max-width:75em){.section-about-me-text{font-size:3rem}}.section-about-me--imp-text{color:#0c7b93;font-size:4.5rem;font-weight:700}@media (max-width:75em){.section-about-me--imp-text{font-size:3.5rem}}.section-about-me-imgbox{opacity:0;min-height:30rem;height:auto;position:relative}.section-about-me-imgbox img{height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);outline-width:1.5rem;outline-color:#00a8cc;outline-style:solid;outline-offset:3rem;box-shadow:0 1rem 2rem rgba(0,0,0,.8);transition:all .5s}.section-about-me-imgbox img:hover{outline-width:0;outline-color:#142850;outline-offset:0;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 .5rem 3rem rgba(0,0,0,.5);border:1rem solid #00a8cc}.section-skills{width:100%;min-height:100vh;background-color:#87ceeb;-webkit-clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,10% 4%,15% 0,25% 10%,35% 0,45% 7%,50% 4%,60% 8%,75% 2%,100% 0,100% 100%,0 100%);margin-top:-12.5rem;padding:8rem 4rem}@media (max-width:75em){.section-skills{-webkit-clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 4%,40% 0,60% 8%,100% 0,100% 100%,0 100%)}}@media (max-width:37.5em){.section-skills{-webkit-clip-path:polygon(0 0,20% 2%,40% 0,60% 4%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 2%,40% 0,60% 4%,100% 0,100% 100%,0 100%)}}.section-skills-title{opacity:0;display:block;text-align:center;color:#142850;font-size:5rem;word-spacing:1rem;padding:4rem 2rem;margin-top:5%;text-shadow:0 .5rem 2rem rgba(0,0,0,.2)}.section-skills-skillbox{opacity:0;margin-top:2rem;margin-bottom:6rem;padding:4rem 8rem;width:100%;height:auto;display:flex;flex-direction:row;flex-flow:wrap;align-items:center;justify-content:center;perspective:800px}.section-skills-skill{width:calc(25% - 3rem);background-color:#fff;height:20rem;border-radius:2rem;box-shadow:0 1rem 2rem rgba(0,0,0,.5);transform:scale(1);transform-style:preserve-3d;transform:rotateX(20deg) rotateY(10deg);transition:all .5s;overflow:hidden;border-style:outset}@media (max-width:75em){.section-skills-skill{width:calc(33% - 3rem)}}@media (max-width:56.25em){.section-skills-skill{width:calc(50% - 3rem)}}@media (max-width:37.5em){.section-skills-skill{width:calc(100% - 3rem);transform:rotateX(5deg) rotateY(5deg)}}.section-skills-skillbox:hover .section-skills-skill:hover{z-index:1;transform:rotateX(-5deg) scale(1.2) rotateY(10deg)}.section-skills-skillbox:hover .section-skills-skill:not(:hover){transform:scale(.95) rotateX(20deg)}.section-update-details-back{width:5rem;height:5rem;border-radius:100rem;background-image:radial-gradient(#0c7b93,#142850);position:fixed;left:48%;top:-20rem;z-index:49;transform:scale(0);opacity:0}.update-details-main{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:50;text-align:center;padding:8rem 6rem;align-content:center;overflow:scroll}.update-details-main-close-button{padding:1rem 1.5rem;color:#87ceeb;font-size:4rem;font-weight:700;background-color:#142850;border:none;margin-bottom:8rem;transition:all .5s;cursor:pointer;border-radius:50rem}.update-details-main-close-button:hover{background-color:#87ceeb;color:#142850}.Login{position:relative;left:50%;top:30%;transform:translate(-50%,-50%)}.Login button{font-size:2rem;padding:2rem 4rem;border-radius:50rem;border:none;background-color:#fff;color:#142850;font-weight:700;cursor:pointer;transition:all .5s;box-shadow:0 1rem 2rem rgba(0,0,0,.5)}.Login button:hover{transform:scale(1.1) translateY(-3px)}.Login button:active{transform:scale(1) translateY(1px)}.updateDetails-wrong-user p{color:#fff;padding:4rem;font-size:4rem;margin-bottom:5rem}.updateDetails-logout{font-size:2rem;padding:2rem 4rem;border-radius:50rem;border:none;background-color:#fff;color:#142850;font-weight:700;cursor:pointer;transition:all .5s;box-shadow:0 1rem 2rem rgba(0,0,0,.5)}.updateDetails-logout:hover{color:red;border:2px solid red;transform:scale(1.1)}.updateDetails-main{background-color:#87ceeb;border-radius:2rem;box-shadow:1rem .5rem 2rem rgba(0,0,0,.4);padding:4rem 2rem}.updateDetails-main,.updateDetails-main-descriptionForm{width:100%;height:auto}.updateDetails-main-descriptionForm span{width:100%;display:block;font-size:4rem;padding:2rem 1rem;font-weight:bolder;color:#142850}.updateDetails-main-descriptionForm textarea{width:100%;height:20rem;border-radius:2rem;padding:3rem 4rem;font-size:3rem;background-color:rgba(12,123,147,.5);color:#fff;margin-bottom:2rem}.updateDetails-main-descriptionForm button{padding:2rem 4rem;border-radius:10rem;font-size:2rem;color:#142850;font-weight:bolder;border:none;background-color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.5);cursor:pointer;transition:all .5s}.updateDetails-main-descriptionForm button:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.5);transform:scale(1.1);color:#00a8cc;border:2px solid #00a8cc}.updateDetails-main-addSkill{width:100%;margin-top:4rem;padding:4rem 0}.updateDetails-main-addSkill h1{font-size:5rem;color:#0c7b93;padding:4rem 2rem}.updateDetails-main-addSkill span{width:100%;display:block;font-size:4rem;padding:2rem 1rem;font-weight:bolder;color:#142850}.updateDetails-main-addSkill input{width:40%;height:4rem;border-radius:50rem;padding:3rem 4rem;font-size:2rem;background-color:rgba(12,123,147,.5);color:#fff;margin-bottom:2rem;text-align:center}.updateDetails-main-addSkill input::-webkit-input-placeholder{color:#fff}.updateDetails-main-addSkill input:-ms-input-placeholder{color:#fff}.updateDetails-main-addSkill input::-ms-input-placeholder{color:#fff}.updateDetails-main-addSkill input::placeholder{color:#fff}.updateDetails-main-addSkill button{padding:2rem 4rem;border-radius:10rem;font-size:2rem;color:#142850;font-weight:bolder;border:none;background-color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.5);cursor:pointer;transition:all .5s}.updateDetails-main-addSkill button:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.5);transform:scale(1.1);color:#00a8cc;border:2px solid #00a8cc}

/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2020 IcoFont 
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(/myWebsite/static/media/icofont.36e0de11.woff2) format("woff2"),url(/myWebsite/static/media/icofont.1e64326b.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-facebook:before{content:"\ed37"}.icofont-linkedin:before{content:"\ed4d"}.icofont-twitter:before{content:"\ed7a"}.icofont-github:before{content:"\ed3e"}.icofont-instagram:before{content:"\ed46"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:.08em solid #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s linear infinite;animation:icofont-spin 2s linear infinite;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s steps(8) infinite;animation:icofont-spin 1s steps(8) infinite;display:inline-block}@-webkit-keyframes icofont-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes icofont-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.icofont-rotate-90{transform:rotate(90deg)}.icofont-rotate-180{transform:rotate(180deg)}.icofont-rotate-270{transform:rotate(270deg)}.icofont-flip-horizontal{transform:scaleX(-1)}.icofont-flip-vertical{transform:scaleY(-1)}.icofont-flip-horizontal.icofont-flip-vertical{transform:scale(-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-90,:root .icofont-rotate-180,:root .icofont-rotate-270{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3d01df50.chunk.css.map */