.about-me{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;grid-row-gap:20px;text-align:center;justify-content:center}.about-me h1{grid-column:1/4}.about-me .about-me-content{grid-column:1/4;justify-self:center;width:50%;display:flex;align-self:center}.about-me .about-me-img{justify-self:center;width:300px;height:300px;border:1px solid grey}.edcationPlan{text-align:center;width:100%}.edcationPlan h1{margin:20px 0}.edcationPlan ul{list-style-type:none;width:100%}.edcationPlan ul li{border:3px solid grey;margin:0 auto 15px;width:50%;padding:.4vw;background-color:#05060d;display:grid;grid-template-columns:1fr 1fr}.edcationPlan ul li h2,.edcationPlan ul li p{font-size:3vh;align-self:center}.edcationPlan ul li .time{border-left:3px solid grey}.edcationPlan ul li:nth-child(2n){background-color:#1f2026}footer{background-color:#000;width:100%;display:flex;justify-content:center}footer a{color:#fff}footer a i,footer i{padding:10px}footer p{font-size:1.5vw;padding:12px 16px;align-self:center}.home,footer p{text-align:center}.home{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;grid-row-gap:20px;justify-content:center}.home .banner{grid-column:1/4;display:flex;background-color:#000}.home .banner h1,.home .banner p{margin-top:10px}.home .banner h1{font-size:3.5vh;font-weight:bolder;margin-left:20px}.home .banner h1,.home .loader,.home h2{align-self:center}.home .devicon-csharp-line-wordmark{font-size:30px}.home ul{align-self:center;display:flex;justify-content:center;flex-wrap:wrap}.home ul li{border-radius:10%;display:inline-block;background-color:#1e1f26;padding:15px;margin:10px}.home .profail{width:25vh;height:25vh;border-radius:100%}.home .home-about-me-container{grid-column:1/4;justify-self:center;align-self:center;padding:20px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr;align-items:center;width:70%;background-color:#000}.home .home-about-me-container .spacle{font-size:3vh}.home .home-about-me-container .home-about-me-text{display:grid;grid-template-columns:1fr 1fr}.home .home-about-me-container .home-about-me-text h2{font-size:30px;grid-column:1/4;grid-row:1;align-self:center}.home .home-about-me-container .home-about-me-text p{margin-top:10px;padding:10px}.home .home-about-me-container .home-about-me-text p:last-child{border-left:1px solid grey}.home .home-about-me-container .skills{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:100%}.home .home-about-me-container .skills .loader,.home .home-about-me-container .skills h2{align-self:center}.home .home-about-me-container .skills .devicon-csharp-line-wordmark{font-size:30px}.home .home-about-me-container .skills ul{align-self:center;display:flex;justify-content:center;flex-wrap:wrap}.home .home-about-me-container .skills ul li{border-radius:10%;display:inline-block;background-color:#1e1f26;padding:15px;margin:10px}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal .modal-content{max-height:100%;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto);grid-column-gap:10px;background-color:#393939;margin:5% auto;padding:20px;border:1px solid #888;width:50%}.modal .modal-content h1{grid-row:1;grid-column:1}.modal .modal-content a{margin-top:10px;color:#fff;font-weight:bolder}.modal .modal-content a:hover{color:hsla(0,1.3%,69%,.5)}.modal .modal-content .close{grid-column:2;justify-self:end;color:#fff;float:right;font-size:28px;font-weight:700}.modal .modal-content .close:focus,.modal .modal-content .close:hover{color:#000;cursor:pointer}.modal .modal-content img{width:100%}.modal .modal-content .work-links{display:grid;grid-template-columns:1fr 1fr}.modal .modal-content .github-link{justify-self:flex-end}.modal .background-close{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:-1}.workSection{display:flex;flex-direction:column;align-items:center}.workSection .searchWrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100px;margin:20px 0 50px}.workSection .searchWrapper form{display:flex;flex-direction:column;justify-content:center;align-items:center}.workSection .searchWrapper form select{width:200px;height:30px;border:1px solid #000;background-color:#303138;border-radius:10px;margin:5px;text-align-last:center;font-size:15px;color:#fff}.workSection .searchWrapper form select option{color:#fff;text-align:center;font-size:15px}.workSection .searchWrapper form select:hover{cursor:pointer}.workSection .searchWrapper form button{width:100%;height:30px;background-color:#303138;color:#fff;border:1px solid #000;margin-top:10px;font-size:15px}.workSection .searchWrapper form button:hover{cursor:pointer}.workSection .work{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(auto,100px);grid-gap:20px}.workSection .work .error{text-align:center;grid-column:1/4}.workSection .work img{justify-self:center;border:2px solid grey;width:200px;height:200px}.workSection .work img:hover{padding:2px;cursor:pointer;box-shadow:3px 3px 5px 5px rgba(0,0,0,.5)}.workSection .work .loader{grid-column:2}.workSection .modalImg{width:100%;height:100%}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#1e1f26;color:#fff;position:relative}.App{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:10px}body>#root>div{min-height:100vh}.error{color:red;font-weight:700;font-size:40px}.cookie-policy-wrapper{position:fixed;z-index:1;bottom:0;width:100%;background-color:#000}.cookie-policy-wrapper .cookie-policy-content{padding:10px;font-size:2.5vh}.cookie-policy-wrapper .cookie-policy-content p{display:inline;margin-right:10px}.cookie-policy-wrapper .cookie-policy-content button{padding:5px}.typing{width:48ch;overflow:hidden;white-space:nowrap;border-right:2px solid hsla(0,0%,100%,.75);margin:0 auto;-webkit-animation:typing 2s steps(50),blink-caret .75s step-end infinite;animation:typing 2s steps(50),blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}nav{overflow:hidden;top:0;width:100%;background-color:#000;display:flex;justify-content:center}nav .list-inline{list-style-type:none}nav .list-inline li{float:left}nav .list-inline li a{font-size:17px;display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}nav .list-inline li a:hover{background-color:grey}nav .background-close,nav .close,nav .open{display:none}.loading{width:100%;height:100%;background-color:rgba(30,31,38,.4392156862745098);position:fixed;top:0;left:0;z-index:9999}.loading,.loading .loader{display:flex;justify-content:center}.loading .loader{align-self:center;border:16px solid #f3f3f3;border-radius:50%;width:200px;height:200px;font-size:30px;-webkit-animation:spin 2s infinite;animation:spin 2s infinite;align-items:center}@-webkit-keyframes spin{0%{border:16px solid grey}50%{border:16px solid #1e1f26}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border:16px solid grey}}@keyframes spin{0%{border:16px solid grey}50%{border:16px solid #1e1f26}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);border:16px solid grey}}.login{text-align:center}.login .loggedIn p{margin-bottom:10px}.login .loggedIn img{width:7vw;border-radius:10em}.login .cange-name-form,.login .logout{margin-top:10px}.login span{margin-bottom:10px}.login div .login-toggle{display:inline-block;font-weight:bolder;width:auto;border-bottom:2px solid #000}.login div p:hover{cursor:pointer}@media only screen and (max-width:768px){nav{padding:20px;justify-content:flex-end}nav,nav .sidepanel{display:flex;z-index:1}nav .sidepanel{width:auto;height:100%;position:fixed;top:0;right:-120px;background-color:rgba(18,18,18,.9490196078431372);overflow-x:hidden;flex-direction:column;-webkit-animation:example 1s forwards;animation:example 1s forwards}nav .sidepanel .close{align-self:flex-end;padding:10px;display:block}nav .sidepanel .close:hover{cursor:pointer}nav .sidepanel li{border:1px solid grey;background-color:#000;margin:5px}nav .sidepanel li a{padding:8px;text-decoration:none;display:block}@-webkit-keyframes example{0%{right:-120px}to{right:0}}@keyframes example{0%{right:-120px}to{right:0}}nav .background-close,nav .close,nav .open{display:block}nav .background-close{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:0}.typing{-webkit-animation:none;animation:none;border:none;white-space:normal}.home .banner h1,.typing{width:100%}.home .home-about-me-container{height:100%}.home .home-about-me-container .home-about-me-text{grid-template-columns:1fr}.home .home-about-me-container .home-about-me-text h1,.home .home-about-me-container .home-about-me-text p{grid-column:1}.home .home-about-me-container .home-about-me-text p:last-child{border:none;border-top:1px solid grey}.workSection .work{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:10px}.workSection .work .error,.workSection .work .loader{grid-column:1/3}.workSection .work img{height:200px}.modal .modal-content{margin:0;width:100%}.modal .modal-content img{grid-column:1/3;width:50%;height:100%;justify-self:center}.modal .modal-content p{grid-column:1/3}.modal .modal-content .work-links{grid-column:1/3;padding:10px}.about-me{margin:0}.about-me .about-me-content{flex-direction:column}.about-me .about-me-content .about-me-img{width:100%;height:100%}.about-me .about-me-content p{text-align:center}.edcationPlan ul li{width:80%;grid-template-columns:none;grid-template-rows:1fr 1fr}.edcationPlan ul li .time{border:none;border-top:3px solid grey;padding:10px}.login .loggedIn img{width:20vw}.cookie-policy-wrapper{text-align:center}footer p{font-size:3vw}}@media only screen and (max-width:425px){.workSection img{grid-column:1/3}footer p{font-size:4vw}}
/*# sourceMappingURL=main.04c2ca9e.chunk.css.map */