@import url(https://fonts.googleapis.com/css2?family=BioRhyme:wght@300&family=Hahmlet:wght@200;800;900&display=swap);.loader{display:flex;justify-content:center;align-items:center}.loader>span{background:#027a8d;border-radius:50%;margin:5rem .5rem;-webkit-animation:bouncingLoader .6s infinite alternate;animation:bouncingLoader .6s infinite alternate}.loader>span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loader>span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes bouncingLoader{0%{width:.1rem;height:.1rem;opacity:1;-webkit-transform:translate3d(0);transform:translate3d(0)}to{width:1rem;height:1rem;opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}}@keyframes bouncingLoader{0%{width:.1rem;height:.1rem;opacity:1;-webkit-transform:translate3d(0);transform:translate3d(0)}to{width:1rem;height:1rem;opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}}body{margin:0;background-color:#eee;font-family:hamlet,sans-serif}hr{border:3px solid #0080a9;border-radius:3px}span.name{float:left;margin-top:10px}span.name span{margin:2px}ul{transition:all 1s ease-out;position:fixed;list-style:none;background-color:#eee;color:#444;height:60px;width:100%;margin-top:0;z-index:1}.nav-blog-owner{box-shadow:11px -12px 0 rgba(0,0,0,.25),4px 1px 2px rgba(0,0,0,.22)}ul a{text-decoration:none;color:#0080a9}ul.active{transition:all 2s ease-out;background-color:#333;color:#fff}ul.nav_white{transition:all .3s ease-out;background-color:rgba(241,233,230,.6509803921568628);color:#333;box-shadow:11px -12px 0 rgba(0,0,0,.25),4px 1px 2px rgba(0,0,0,.22);font-weight:bolder}ul.active a{color:#fff}ul.nav_white a{font-weight:bolder;color:#333;border-bottom:#0080a9}ul span.name{margin:10px}ul.nav_white .circle{background-color:#444;color:#fff}li.first_list{margin-left:13em}li#bars{display:none}li{padding:10px;margin:10px 4em;transition:all .1s}li,li span{display:inline-block}li span{cursor:pointer;position:relative;transition:.5s ease-out}li span.list:after{position:absolute;content:"";width:15px;height:1px;background-color:#0080a9;opacity:0;bottom:-50%;left:10px;transition:.5s ease-in-out}li:hover span.list:after{opacity:1;left:-10px;width:60px;height:4px}ul.nav_white li:hover span.list:after{background-color:#333}.btn{background-color:#eee;color:#0080a9;font-weight:bolder;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 2px;cursor:pointer;transition:all 1s;border:solid #0080a9;border-width:1px 1px 8px;box-shadow:0 14px 28px 0 rgba(247,80,21,.12),0 10px 15px 0 rgba(247,80,21,.11)}.btn:hover{background-color:#0080a9;color:#fff;border-radius:5px;box-shadow:0 14px 28px 0 rgba(247,80,21,0),0 10px 15px 0 rgba(247,80,21,0)}.container{display:flex;flex-wrap:wrap;text-align:center;align-content:center;justify-content:space-around;align-items:center;min-height:90vh}div#who .social{box-shadow:0 7px 7px 0 rgba(0,0,0,.12),0 5px 5px 0 rgba(0,0,0,.11);padding:5px 10px;width:550px;min-height:430px;border-radius:5px;margin-top:10px;background-color:#fff}div#who .about{width:450px}div#who .skills{box-shadow:0 0 0 0 rgba(0,0,0,.12),0 0 0 0 rgba(0,0,0,.11);padding:5px 10px;width:350px;min-height:430px;border-radius:5px;margin-top:10px;background-color:#eee;text-align:left;list-style:32px}div#who .skill-bar{margin:5px 0 0;position:relative;height:20px;width:98%;background-color:#fff}div#who .bar{z-index:0;position:absolute;height:100%;width:95%;background-color:#0080a9}.about-text{padding:10px 8px;margin-top:100px;font-size:20px;line-height:32px}div#why{grid-template-rows:200px;margin-left:55px;min-height:60vh;width:90vw}div#blog,div#why{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));background-color:#eee}div#blog{grid-template-rows:90px 200px;margin-left:20px;min-height:30vh;grid-gap:5px}div#blog p{font-family:BioRhyme,serif;line-height:2.3em}div#blog .social{margin-top:3em;min-height:148px;padding:1em}div.blog div.social{box-shadow:0 0 1px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.2)}div.blog div.social:hover{box-shadow:0 14px 28px 0 rgba(49,158,221,.25),0 10px 15px 0 rgba(247,80,21,.22)}div#blog .where-text{font-weight:bolder;font-size:20px;grid-column:1/-1;min-height:50px;margin-top:2em}div#blog a{text-decoration:none;color:#000;box-shadow:0 3px 10px rgba(25,17,34,.05)}div#blog div.where-text a{color:#0080a9}div#blog h5{color:#6c757d}div#why .social{padding:5px 10px;background-color:#eee}div#why svg{width:250px;max-height:50vh}div#why .svg{box-shadow:none}div#where .where-text,div#why .why-text{font-weight:900;font-size:25px;grid-column-start:1;grid-column-end:-1;color:#0080a9}.reading-text{margin-top:0}div#where{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-template-rows:50px;background-color:#444;min-height:40vh;width:74vw;margin:0 2em 0 11em;overflow:hidden;border-radius:10px}div#where div.social{background-color:#444;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}div#where div.social i{margin:15px 0}div#where a{color:#fff}div#where a:hover{color:#0080a9}.prompt{background-color:#333;width:550px;min-height:430px;border-radius:5px;color:#fff;box-shadow:0 14px 28px 0 rgba(0,0,0,.255),0 10px 10px 0 rgba(0,0,0,.22);margin:40px 3px 0 20em}.control{border-radius:50%;height:12px;width:12px;float:left;margin:5px}.green{background-color:green}.red{background-color:red}.yellow{background-color:#ff0}.top_panel{height:37px;width:100%;background-color:#444}.editor{padding:5px;margin:10px 7px}#txt{font-size:30px}.headerTodo{margin-top:3em}div.form-item .todo{border-bottom:6px solid #0080a9}.todoContainer{display:flex;flex-direction:column;min-width:45vw;padding:.3em;cursor:copy}.how-todo{margin:20%}.todo{display:flex;padding:.1em;background-color:#554f4f;border-radius:6px;margin-top:.4em;margin-left:-3em;color:#fff;min-width:56vw;font-weight:400}.completed{border-bottom:6px solid #21de21;background-color:#fff;color:#333;box-shadow:0 1px 4px rgba(0,0,0,.25),-4px 3px 11px rgba(0,0,0,.22);font-weight:600}.todo i{color:#00f}.todo p{margin-left:3em}.todo .icons{margin-left:8em}ul#todoUl{list-style-type:none;margin:0;padding:0}.liIcon{margin-left:16em;margin-top:1.3em;justify-content:flex-end}li#todoLi{font:200 20px/1.5 Helvetica,Verdana,sans-serif;border-bottom:1px solid #ccc;width:25vw}li:last-child{border:none}@-webkit-keyframes move_arrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(8.9em);transform:translateX(8.9em)}}@keyframes move_arrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(8.9em);transform:translateX(8.9em)}}.terminal_arrow{-webkit-animation-name:move_arrow;animation-name:move_arrow;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;color:#333}@-webkit-keyframes cursor_blink{0%{display:block}to{display:none}}@keyframes cursor_blink{0%{display:block}to{display:none}}.cursor{-webkit-animation:cursor_blink;animation:cursor_blink;-webkit-animation:2s;animation:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}75%{-webkit-transform:scale(1.5);transform:scale(1.5);background-color:#85d3ec;box-shadow:0 0 28px 0 #45c9f5}to{-webkit-transform:scale(1);transform:scale(1);background-color:#f5bca8}}@keyframes pulse{0%{-webkit-transform:scale(.95);transform:scale(.95)}75%{-webkit-transform:scale(1.5);transform:scale(1.5);background-color:#85d3ec;box-shadow:0 0 28px 0 #45c9f5}to{-webkit-transform:scale(1);transform:scale(1);background-color:#f5bca8}}.pulse{position:absolute;left:10.8%;top:22%;height:12px;width:12px;box-shadow:0 0 0 0 rgba(0,0,0,.15);-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.pulse,span.circle{border-radius:50%;background-color:#0080a9}span.circle{padding:9px;color:#fff}.social{box-shadow:0 7px 7px 0 rgba(0,0,0,.12),0 5px 5px 0 rgba(0,0,0,.11);padding:5px 10px;min-width:250px;min-height:200px;border-radius:5px;margin-top:10px;background-color:#fff}.social:hover{box-shadow:0 14px 28px 0 rgba(49,158,221,.25),0 10px 15px 0 rgba(247,80,21,.22);cursor:pointer}.social a{text-decoration:none;color:#fff;font-size:2em;margin-top:40px}.github-btn{font-size:10px;margin-top:30px;background-color:#0080a9;transition:all .8s;color:#fff}.github-btn:hover{background-color:#fff;border:2px solid #0080a9;color:#0080a9}polyline{margin-left:60px}div#how{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));grid-template-rows:50px;align-items:center;justify-items:center;grid-gap:1em;padding:2em;margin:4em 6em 3em;background:#fff;font-family:Hahmlet,serif;line-height:32px}div#how div hr:nth-child(2){width:80%;margin-top:-15px;border:3px double #0080a9}div#how div hr:nth-child(3){width:50%;border:3px dashed #0080a9}div#how div:first-child{grid-column:1/-1}div#how .how-description{margin-left:2em;padding:1em}.how-description div{margin-left:2em}div#how .last{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;padding:0 4em;margin-top:1em;box-shadow:2px 1px 4px rgba(0,0,0,.25),-2px 6px 12px rgba(0,0,0,.22)}div.error{padding:1em;border-left:.8em solid #df4759;margin:3px;background-color:#eee;font-weight:600;font-size:20px;border-bottom-left-radius:1em;border-top-left-radius:1em;display:none}.short-error{width:50%;margin-left:3em}.error-white{background-color:#fff;border:.1em solid #df4759}div.add-article-error{margin-bottom:1.4em;min-width:35%}div#how form{padding:2em 0}div#how div:last-child h2{text-align:center;margin-bottom:30px}div#how .btn{padding:8px;transition:all .9s}.form-item{position:relative;margin:15px 0 40px;width:400px}.form-item input,textarea{background-color:initial;border:0;border-bottom:2px solid #333;display:block;width:100%;padding:15px 0;font-size:18px;color:#333}.form-item input:focus,.form-item textarea:focus{outline:0;border-bottom-color:#0080a9}.form-item label{position:absolute;top:-2px;left:0;pointer-events:none;color:#333}label>textarea{top:0}.form-item label span{display:inline-block;font-size:18px;min-width:5px;transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.form-item input:focus+label span{color:#4682b4;-webkit-transform:translateY(-20px);transform:translateY(-20px)}div.footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));grid-template-rows:30px;font-size:17px;background-color:#444;color:#fff;padding:1em;margin-top:1em}div:hover{cursor:pointer}.hamburger{display:none;float:right}@media only screen and (max-width:760px){ul span.name{margin:1em 7em 0 -2em}.nav-ul{position:fixed;left:-100%;top:5rem;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05)}.nav-ul.active{left:0;top:3.8em}li.first_list{margin-left:4em}li{display:block;padding:10px;margin:10px 4em;transition:all .1s;border-bottom:1px dashed #444}.hamburger{display:block;cursor:pointer;position:fixed;left:68%;top:-.6em;border-bottom:none}ul.active a{color:#333}body{margin:0}#svg,.arrow-right{display:none}.prompt{background-color:#333;width:510px;min-height:430px;margin:40px 0 0 20px}.pulse,.sidenav{display:none}div#where{margin-left:1em;width:76vw;padding:3em}div#who{margin-left:20px}div#where .social{min-height:0}div#where .where-text{margin-bottom:2em}div#how{margin:2em 1em 4em;padding:0;background-color:inherit;justify-items:stretch}div#how .last{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:1em 2em 0 0;box-shadow:2px 1px 4px rgba(0,0,0,.25),-2px 6px 12px rgba(0,0,0,.22);padding:1em}div#how .todoLast{width:100vw;margin:0;padding:3em}.form-item{margin:15px 0 20px;width:auto}div.footer{grid-template-columns:1fr;box-shadow:0 0 0 rgba(0,0,0,.25),0 0 0 rgba(0,0,0,.22);justify-items:center}div.footer .home_about{display:none}}@media only screen and (min-width:768px) and (max-width:1020px){li{margin-left:-2em}li.first_list{margin-left:5em}.terminal-right{display:none}.prompt{margin:1em 0 0}.arrow-right{display:none}div#who{margin-top:3em}#svg{display:none}div#where{margin:0 1em 0 2em;width:auto;padding:3em}}.txt-type>.txt{border-right:.2rem solid #777}.txt-type{font-size:30px;color:#0080a9;font-weight:400}.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.21bf451c.chunk.css.map */