body{margin:auto;font-family:"Kaisei Tokumin",serif}*{box-sizing:border-box}.Header{display:flex;background-color:#090909;align-items:center;align-content:center;color:#fff}.Nav{list-style:none;display:flex;font-size:1.2rem;float:right;margin-left:auto}.Projects-btn{font-weight:900}.Contact-btn,.Projects-btn{margin-right:20px;color:#000;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer}.mm{font-size:5rem;text-align:center;-webkit-animation:words;animation:words;-webkit-animation-duration:1s;animation-duration:1s;height:60vh;display:flex;justify-content:center;align-items:center;margin:auto 0}.bg{background:url(/static/media/bg_dark_tech.9706ee11.jpeg);color:#fff;background-repeat:no-repeat;background-size:cover}.Title{font-size:1.5rem}.logo{background-color:#fff;color:#000;padding:2px 5px;margin:0 5px 0 20px;border-radius:10px;font-weight:900}a{text-decoration:none}@-webkit-keyframes words{0%{opacity:0}to{opacity:1}}@keyframes words{0%{opacity:0}to{opacity:1}}@media(max-width:1350px){.mm{font-size:2rem}.Contact-btn,.Projects-btn,.Title{font-size:1rem}.Projects-btn{margin:0 8px}}@media(max-width:500px){.pp{font-size:2rem}.mm{height:30vh}}.Pro-header{text-align:center;font-size:2rem;color:#000;margin-top:200px;background-color:#fff}.Project{width:500px;height:750px}.Projects-container{display:flex;max-width:2000px;margin:0 auto;flex-wrap:wrap;justify-content:center;background-color:#fff;align-items:center}.Project-hacker{background:url(/static/media/hacker.7a6b5b02.png);background-repeat:no-repeat;border:2px solid #000;background-position:50%;z-index:2;position:relative;background-size:cover}.Project-youtube{background:url(/static/media/youtube.482849da.png);position:relative;z-index:2;background-position:0;background-size:cover}.Project-xplorer{background:url(/static/media/xplore.218108ff.png);border:2px solid #000;position:relative;background-size:cover}.bg-color{position:absolute;height:53vh;background:rgba(0,0,0,.077);width:100vw;z-index:0}.Proj-title{margin-left:70px;-webkit-animation:effect;animation:effect;-webkit-animation-duration:1s;animation-duration:1s;font-size:2.5rem;font-family:"Kaisei Tokumin",serif}.fade{background:#030101;background:linear-gradient(180deg,#030101 12%,rgba(3,1,1,.6415027233) 69%,rgba(0,0,0,.3549858693) 91%);width:500px;height:750px;display:flex;justify-content:center;flex-direction:column}.btn,.fade{text-align:center}.btn{background-color:#000;color:#fff;font-size:1.7rem;font-weight:900;border-radius:2px}.btns{display:flex;margin-left:70px;-webkit-animation:visible-btn;animation:visible-btn;-webkit-animation-duration:1.5s;animation-duration:1.5s}.demo{width:100px}.Pro{margin:20px}.pro-btns{font-size:1.8rem;display:flex;flex-direction:column;color:#fff;width:200px;margin:0 auto;padding:0;-webkit-animation:effect;animation:effect;-webkit-animation-duration:1.5s;animation-duration:1.5s}.pro-name{font-size:2.5rem;color:#fff}.git,.live{color:#000;text-decoration:none;background-color:#fff;border-radius:5px}@-webkit-keyframes effect{0%{margin-top:0;opacity:0}to{opacity:1}}@keyframes effect{0%{margin-top:0;opacity:0}to{opacity:1}}@-webkit-keyframes visible-btn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes visible-btn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media(max-width:1625px){.fade,.Project{width:430px;height:650px}}@media(max-width:500px){.bg-color{height:100vh}.fade,.Project{width:320px;height:520px}.pro-btns{font-size:1rem}.pro-name{font-size:1.6rem}}.about-container{display:flex;justify-content:center;flex-wrap:wrap}.about-description{font-size:1.5rem;max-width:1000px;text-align:center;margin:100px 0 0}.stock-pics{width:250px;height:250px;object-fit:cover}.stock-div{display:flex;width:auto;flex-wrap:wrap;justify-content:center;align-items:center}.css,.html,.js{padding:50px}.cpp{padding:40px}.java,.rjs{padding:20px}.aws{width:200px}@media(max-width:1350px){.stock-div{margin-top:-10px}.stock-pics{width:200px;height:200px}.about-description{padding:0;margin:60px 15px 0;font-size:1.2rem;width:auto;height:30vh}}@media(max-width:500px){.about-description{height:45vh;font-size:1.1rem}.stock-pics{width:70px;height:70px;margin:50px}.cpp,.css,.html,.java,.js,.rjs{padding:0}.aws{width:100px}}.contact-container{text-align:center;display:flex;justify-content:center;flex-direction:column;background-color:#222;color:#fff;margin-top:200px}.linkedIn{text-decoration:none;color:#fff;font-size:1.2rem}.contact_img{width:45px}.twitter-logo{margin-left:20px}
/*# sourceMappingURL=main.826fd1a4.chunk.css.map */