body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin:0}.App,ul{padding:0}.section1{background-color:#24292e;height:100vh;width:3%;padding-left:20px}.wrapper{display:flex;flex-direction:column}.section1 svg{margin-top:8px;width:100%}.section2{background-color:#2c2c32;height:100vh;width:22%}.top{height:10px;display:flex;justify-content:space-between;align-items:center;margin:7px 5px 5px}.top p{color:#adafb0}.dotContainer{display:flex;justify-content:space-between}.dot{background-color:#fff;height:1px;width:1px;border-radius:5px;margin:6px 3px;cursor:pointer}.fileWrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:12px;margin-top:15px}.fileWrapper h4,svg{color:#adafb0}.section3{background-color:#1e1e1e;height:100vh;width:75%}.tabs{display:flex}.tabs ul{list-style:none;display:inline;overflow:hidden}.tabs li,.tabs ul{text-decoration:none}.tabs li{float:left;color:#adafb0;margin-right:5px;cursor:pointer;font-size:20px;margin-left:15px}.tabs a{text-decoration:none;color:#adafb0!important}.tab{color:#adafb0;padding:5px;cursor:pointer}.tab:hover{background-color:#24292e}.homeWrapper{margin-left:20px}.firstSection,.homeWrapper{display:flex;flex-direction:column}.firstSection{width:100%;align-items:center}.firstSection .text{font-size:45px;font-family:"Azeret Mono",monospace}.homeWrapper .text{color:#fff}.typewriter p{color:#fff;overflow:hidden;white-space:nowrap;letter-spacing:.15em;margin:0 auto;font-size:30px}.buttons{display:flex;margin-top:20px;flex-direction:row;justify-content:center;align-items:center}.buttons ul a{display:inline;text-decoration:none;color:#fff}.buttons ul{list-style-type:none}.buttons li{float:left;color:#adafb0;cursor:pointer}.buttons .button{font-family:monospace;color:#fff}.checkWork{background-color:#01b5cc;padding:5px 10px;border-radius:5px;margin-right:15px}.reachOut{border:1px solid #01b5cc;padding:5px 10px;border-radius:5px}.aboutWrapper{display:flex;flex-direction:column;align-items:center}.aboutWrapper img{border-radius:50%;height:135px;width:110px}.aboutWrapper h1{color:#fff;font-family:monospace}.aboutWrapper p{color:#fff;text-align:center}.aboutMeText{width:70%}.contactWrapper{display:flex;flex-direction:row;text-align:center}.socialsSection{color:#fff}.formSection,.socialsSection{flex:1 1;padding:1rem}.socials{text-align:left;font-size:20px}.socials .social span,.socials span{color:#673ab7}.socials .social span a{text-decoration:none;color:#673ab7}.skillsWrapper{color:#e2ba4d;width:100%;text-align:center}.skillSection{display:flex;flex-direction:row;width:100%;justify-content:center}.skill{padding-left:20px;padding-right:20px;margin-right:10px;margin-left:10px}.projectsContainer{display:grid;width:100%;grid-template-columns:100px 100px 100px;grid-template-rows:100px auto 100px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;grid-row-gap:15px;row-gap:15px;margin-left:20px;margin-top:30px}.item{background-color:#fff}.item img{max-height:100%;max-width:100%}.githubWrapper{width:100%;height:100vh};.githubWrapper p{font-size:40px}.githubWrapper a,.githubWrapper p{font-family:"Roboto Mono",monospace;color:#fff;margin-left:20px}.githubWrapper a{text-decoration:none;font-size:30px;background-color:#39d353;padding:10px;border-radius:10px}.githubText{font-family:"Roboto Mono",monospace;color:#fff;margin-left:20px;font-size:40px};.navbar1{display:flex;justify-content:flex-start;height:24px;flex-direction:row;font-size:14px;background-color:#abe9cd;background-image:linear-gradient(315deg,#abe9cd,#3eadcf 74%);padding:7px 0 7px 20px}.navbar1 p{margin:6px 3px 6px 10px;cursor:pointer}.navbar2{width:100%;height:40px;background-color:#3c3d42;display:flex;justify-content:space-between}.container{display:flex;align-items:center}.red{background-color:red;height:10px;width:10px;border-radius:5px;margin:6px 3px 6px 10px;cursor:pointer}.yellow{background-color:#ff0}.green,.yellow{height:10px;width:10px;border-radius:5px;margin:6px 3px;cursor:pointer}.green{background-color:green}.welcomeText{display:flex;justify-content:center;align-items:center;color:#d3d3d3;font-weight:700}
/*# sourceMappingURL=main.9d5f95ac.chunk.css.map */