body{margin:0;font-family:"Roboto Condensed"}.app,body{height:100%}.app{display:flex;flex-flow:column;text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ccc}::-webkit-scrollbar-thumb{border-radius:6px;background:#9a9a9a;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.header{display:flex;flex-direction:row;flex-flow:row wrap;justify-content:flex-end;align-items:center;position:fixed;background-color:rgba(2,2,2,.5);height:50px;color:#fff;width:100%}@media only screen and (min-width:768px) and (max-width:1024px){.header{height:70px}}.button{height:35px;border:0;border-radius:5px;color:#fff;background:transparent;cursor:pointer;font-family:"ABeeZee";font-size:14px;margin-right:15px;white-space:nowrap;padding-top:0;padding-bottom:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.button:focus{color:#999;border-color:#999!important;outline:0}@media only screen and (min-width:768px) and (max-width:1024px){.button{height:45px;font-size:18px}}.home{padding-top:50px;display:flex;flex-direction:column;flex-grow:0;justify-content:space-between;background-color:#1a1a1a;height:calc(100vh - 50px)}.typer-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:200px;width:85vw;margin:auto}.image-container{padding:50px 0}.headImage{height:90vw;width:90vw}@media only screen and (min-width:768px) and (max-width:1024px){.home{padding-top:70px;height:calc(100vh - 70px)}.typer-container{width:70vw}.headImage{height:40vh;width:40vh}}@media only screen and (min-width:1025px){.home{padding-top:50px;height:calc(100vh - 50px);flex-direction:row}.typer-container{width:40vw}.image-container{display:flex;align-items:center;padding:0 50px}.headImage{height:40vw;width:40vw}}.container{font-size:20px;font-family:monospace;color:#ff0;line-height:30px;white-space:pre-wrap;text-align:left;height:100%}.cursor{border-left:.1em solid;-webkit-animation:blink 1s steps(1) infinite;animation:blink 1s steps(1) infinite}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}@media only screen and (min-width:768px) and (max-width:1024px){.container{font-size:28px;line-height:40px}}@media only screen and (min-width:1025px){.container{font-size:20px;line-height:35px}}.skillset{flex:1 1 auto}.lets-talk,.skillset{height:100vh}
/*# sourceMappingURL=main.3de61562.chunk.css.map */