body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about{align-items:center;background:linear-gradient(135deg,#799ba8 38%,#31979e 0);display:flex;flex-direction:column;min-height:calc(100vh - 54px)}.about .aboutDiv{display:flex;flex-direction:row;margin-top:3rem;width:70vw}.about .aboutDiv #imageDiv{width:35%}.about .aboutDiv #imageDiv #aboutImg{border:5px solid #fff;border-radius:500%;height:16vw;width:16vw}.about .aboutDiv #textDiv{margin-top:8rem;width:65%}.about .aboutDiv #textDiv #aboutText{color:#fff;text-align:justify}@media only screen and (max-width:768px){.about{margin-top:11vw;width:100vw}.about .aboutDiv{align-items:center;flex-direction:column;margin-top:0;width:70vw}.about .aboutDiv #imageDiv{width:50%}.about .aboutDiv #imageDiv #aboutImg{height:auto;width:100%}.about .aboutDiv #textDiv{margin:0;width:100%}}.contact{background-color:#799ba8;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 54px)}.contact,.contact #contactsDiv{align-items:center;display:flex}.contact #contactsDiv{flex-direction:row;margin-top:10vw;width:70vw}.contact #contactsDiv .contactDiv{align-items:center;display:flex;flex-direction:column;width:33%}.contact #contactsDiv .contactDiv .contactImg{width:8vw}.contact #contactsDiv .contactDiv .contactText{font-weight:700}.contact #contactsDiv .contactDiv a:link{color:#3adddd;text-decoration:none}.contact #contactsDiv .contactDiv a:visited{color:#3ec9c7;text-decoration:none}@media only screen and (max-width:768px){.contact{margin-top:11vw;min-height:100vh;width:100vw}.contact #contactsDiv{flex-direction:column}.contact #contactsDiv .contactDiv{width:50%}.contact #contactsDiv .contactDiv .contactImg{height:auto;width:100%}}.project{background-color:#799ba8;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 54px)}.project h1{margin-top:0;padding-bottom:1.5rem;text-align:center}.project #projectsDiv{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100vw}.project #projectsDiv .projectDiv{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem;width:35%}.project #projectsDiv .projectDiv .projectSec{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:11.26rem;justify-content:center;width:20rem}.project #projectsDiv .projectDiv .projectSec .projectDescription{display:none;font-size:.95rem;padding:2rem;text-align:justify}.project #projectsDiv .projectDiv .projectSec .projectDescription a{color:#3adddd;cursor:pointer;display:none;font-size:1.25rem;font-weight:700;text-align:center;width:100%}.project #projectsDiv .projectDiv #hammerdogSec{background-image:url(/static/media/hammerdog.19c8ec0c705e86e0ead1.jpg);background-size:cover}.project #projectsDiv .projectDiv #jackboxSec{background-image:url(/static/media/jbpp5.0db0d86845693dabe599.jpg);background-size:cover}.project #projectsDiv .projectDiv #loaSec{background-image:url(/static/media/loa.bbd1729f6d2b29d1e0c2.png);background-size:cover}.project #projectsDiv .projectDiv #transactionSec{background-image:url(/static/media/ta.d6e063d936e4027239dc.png);background-size:cover}.project #projectsDiv .projectDiv .projectName{color:#3adddd;font-size:1.25rem;font-weight:700;margin:1rem 0}.project #projectsDiv .projectDiv:hover{border-radius:10px}.project #projectsDiv .projectDiv:hover .projectSec{background-blend-mode:multiply;background-color:#a9a9a9;height:28.17vw;left:25vw;position:fixed;top:25vh;width:50vw;z-index:100}.project #projectsDiv .projectDiv:hover .projectSec .projectDescription{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;display:inline-block;height:100%;margin:0;vertical-align:middle}.project #projectsDiv .projectDiv:hover .projectSec .projectDescription a{display:inline-block;text-align:center}.project #projectsDiv .projectDiv:hover .projectName{display:none}@media only screen and (max-width:768px){.project{margin-top:11vw}.project,.project #projectsDiv .projectDiv{width:100vw}.project #projectsDiv .projectDiv:hover .projectSec{height:60vh;left:0;top:20;width:100vw}}.skills{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 54px)}.skills h1{color:#000;padding-bottom:1.5rem;text-align:center}.skills .skillsDiv{display:flex;flex-direction:row;flex-wrap:wrap;width:50vw}.skills .skillsDiv .skillDiv{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding-left:1.5rem;padding-right:1.5rem;width:4rem}.skills .skillsDiv .skillDiv .skillImg{width:4rem}.skills .skillsDiv .skillDiv .skillName{text-align:center}@media only screen and (max-width:768px){.skills{background-color:#fff;margin-top:11vw;width:100vw}.skills .skillsDiv{width:70vw}.skills .skillsDiv .skillDiv{padding:0;width:50%}.skills .skillsDiv .skillDiv .skillImg{width:70%}}.solutions{background:linear-gradient(45deg,#799ba8 53%,#31979e 0);min-height:calc(100vh - 54px)}.solutions,.solutions #solutionsHeader{align-items:center;display:flex;flex-direction:column}.solutions #solutionsHeader h1{margin-bottom:0}.solutions #solutionsHeader h3{font-weight:400}.solutions .solutionsDiv{display:flex;flex-direction:row;margin-top:1rem;width:70vw}.solutions .solutionsDiv #textDiv{width:65%}.solutions .solutionsDiv #textDiv #solutionsText{color:#fff;margin-right:5rem;margin-top:13rem;text-align:justify}.solutions .solutionsDiv #imgDiv{width:35%}.solutions .solutionsDiv #imgDiv #solutionsImg{border:5px solid #fff;border-radius:10px;margin-bottom:3rem;width:90%}@media only screen and (max-width:768px){.solutions{margin-top:11vw}.solutions #solutionsHeader{text-align:center;width:90vw}.solutions .solutionsDiv{align-items:center;flex-direction:column-reverse}.solutions .solutionsDiv #imgDiv{width:60vw}.solutions .solutionsDiv #imgDiv #solutionsImg{border:none;margin-bottom:none;width:100%}.solutions .solutionsDiv #textDiv{width:70vw}.solutions .solutionsDiv #textDiv #solutionsText{margin-top:0;width:100%}}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto"),local("Robot-Regular"),url(/static/media/Roboto-Regular.03523cf578d69fa92322.ttf) format("ttf")}.splash{background-color:#000;display:flex;flex-direction:center;font-family:Roboto,sans-serif;height:calc(100vh - 50px);justify-content:center}.splash .binary{margin-bottom:0}.splash .binary .line{display:flex;justify-content:center}.splash .binary .line .lineUl{color:#3dbac4;display:flex;flex-direction:row;margin-bottom:.2rem;margin-top:.2rem}.splash .binary .line .lineUl .lineLi{list-style-type:none}.splash .binary .line .lineUl .blink0,.splash .binary .line .lineUl .blink1{animation:blink 1.5s step-start 0s infinite;-webkit-animation:blink 1.5s step-start 0s infinite}.splash .binary .line .lineUl .blink2{animation:blink 1s step-start 1s infinite;-webkit-animation:blink 1s step-start 1s infinite}.splash .binary .line .lineUl .blink3{animation:blink .5s step-start 2s infinite;-webkit-animation:blink .5s step-start 2s infinite}.splash .binary .line .lineUl .blink4{animation:blink 1.5s step-start 3s infinite;-webkit-animation:blink 1.5s step-start 3s infinite}.splash .binary .line .lineUl .blink5{animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}.splash .binary .line .lineUl .blink6{animation:blink 1.5s step-start 2s infinite;-webkit-animation:blink 1.5s step-start 2s infinite}.splash .binary .line .lineUl .blink7{animation:blink 1s step-start 3s infinite;-webkit-animation:blink 1s step-start 3s infinite}.splash .binary .line .lineUl .blink8{animation:blink .5s step-start 0s infinite;-webkit-animation:blink .5s step-start 0s infinite}.splash .binary .line .lineUl .blink9{animation:blink 1.5s step-start 1s infinite;-webkit-animation:blink 1.5s step-start 1s infinite}.splash .binary .line .lineUl .blink10{animation:blink 1s step-start 2s infinite;-webkit-animation:blink 1s step-start 2s infinite}.splash .binary .line .lineUl .blink11{animation:blink .5s step-start 3s infinite;-webkit-animation:blink .5s step-start 3s infinite}.splash .binary .line .lineUl .blink12{animation:blink 1.5s step-start 0s infinite;-webkit-animation:blink 1.5s step-start 0s infinite}.splash .binary .line .lineUl .blink13{animation:blink 1s step-start 1s infinite;-webkit-animation:blink 1s step-start 1s infinite}.splash .binary .line .lineUl .blink14{animation:blink .5s step-start 2s infinite;-webkit-animation:blink .5s step-start 2s infinite}.splash .binary .line .lineUl .blink15{animation:blink 1.5s step-start 3s infinite;-webkit-animation:blink 1.5s step-start 3s infinite}.splash .binary .line .lineUl .blink16{animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}.splash .binary .line .lineUl .blink17{animation:blink .5s step-start 1s infinite;-webkit-animation:blink .5s step-start 1s infinite}.splash .binary .line .lineUl .blink18{animation:blink 1.5s step-start 2s infinite;-webkit-animation:blink 1.5s step-start 2s infinite}.splash .binary .line .lineUl .blink19{animation:blink 1s step-start 3s infinite;-webkit-animation:blink 1s step-start 3s infinite}.splash .container{display:flex;flex-direction:column;justify-content:center}.splash .container #brandLine{color:#fff;display:flex;justify-content:center}.splash .container #brandLine .brand{font-size:48px}.splash .container #brandLine #myka{text-align:right;width:20vw}.splash .container #brandLine #in{text-align:center;width:10vw}.splash .container #brandLine #tech{text-align:left;width:20vw}@keyframes blink{50%{opacity:0}}@-webkit-keyframes blink{50%{opacity:0}}@media only screen and (max-width:768px){.splash{margin-top:11vw;overflow-x:hidden;width:100vw}.splash .container{align-items:center;display:flex}.splash .container #brandLine{padding-left:10vw}.splash .container #brandLine .brand{font-size:2rem}.splash .container #brandLine #myka{width:40vw}.splash .container #brandLine #in{text-align:center;width:20vw}.splash .container #brandLine #tech{width:40vw}}.App .header{background-color:#000;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.App .header #menu{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:66vw}.App .header #menu #logo{width:2vw}.App .header #menu a{text-decoration:none}.App .header #menu a .menuItem{color:#fff;font-style:none}.App .header #navbar{display:none}@media only screen and (max-width:768px){.App{background-color:#000;width:100vw}.App .header{display:inline-block;height:2rem;justify-content:left;position:fixed;top:0}.App .header #menu{display:none}.App .header #navbar{background-color:#000;display:inline-block;width:100vw}.App .header #navbar #basic-nav-dropdown{height:100vh;width:80vw!important}.App .header #navbar #basic-nav-dropdown img{padding:.5rem;width:6vw}.navLink{color:#3adddd!important;font-size:1.3rem;font-weight:700;padding-left:1rem;text-decoration:none}}
/*# sourceMappingURL=main.8f9910c4.css.map*/