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;background-color:#000;padding:0 4px}*{margin:0;padding:0}a{text-decoration:none;color:#6ff5ff;transition:var(--default-transition)}a:hover{color:var(--default-link-color)}*{--default-transition: .2s;--default-link-color: rgb(221,83,86);--background-color: rgb(0, 0, 0);--nav-background-color: rgb(16, 21, 27);--nav-font-color: rgb(255,255,255);--h1-font-size: 2em;--h1-font-color: rgb(255,255,255);--h2-font-size: 1.5em;--h2-font-color: rgb(207, 207, 207);--p1-font-size: 1.2em;--p1-font-color: rgb(207, 207, 207)}html{background-color:var(--background-color);overflow-x:hidden}.App{display:flex;flex-direction:column;align-items:center}.content{display:flex;flex-direction:column}@media (min-width: 1800px){.content{max-width:1800px;width:100%;margin:0 auto}}@media (max-width: 1800px){.content{max-width:96vw;width:100%;margin:0 auto}}.heading1{color:var(--h1-font-color);font-size:var(--h1-font-size);font-weight:600;font-variant:small-caps}.heading2{color:var(--h2-font-color);font-size:var(--h2-font-size);font-weight:600;font-variant:small-caps}.para1{color:var(--p1-font-color);font-size:var(--p1-font-size);font-weight:400}.header{width:100vw;height:64px;background-color:var(--nav-background-color);display:flex;justify-content:space-between;align-items:center}.header-nav{display:flex;color:var(--nav-font-color);font-weight:600;font-variant:small-caps}.header-nav>div{cursor:pointer;margin:0 20px;transition:var(--default-transition)}.header-nav>div:hover{color:var(--default-link-color)}.header-logo{cursor:pointer;display:flex;align-items:center;color:var(--nav-font-color);font-weight:600;font-size:1.5em;font-variant:small-caps;width:300px}.header-logo>img{width:52px;height:52px;padding-right:16px;padding-left:20px}.contact{padding:0 20px;width:300px;display:flex;justify-content:flex-end}.contact>*{padding:0 8px}.about{background-color:green;width:100vw;height:100vh}.products{display:flex;justify-content:center;flex-direction:column}.product_card{margin:2em}.project_card_git{display:flex;flex-direction:row;padding:8px}.project_card_git>a{padding-left:8px;cursor:pointer}.contactUs{background-color:#8a2be2;width:100vw;height:100vh}