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}body{background-color:#282c34;color:#fff;text-align:center}header,.social-section{display:flex}header{flex-direction:column}h1{padding-right:.5em}.social-section{justify-content:flex-end;position:relative;top:-1em}header>a:hover,.banner-section>div{background-color:#00000080}.banner-section>a:hover{background-color:#0009}img:hover{opacity:.6}@media screen and (min-width: 768px){header,.social-section{flex-direction:row;justify-content:space-between;position:unset}}.logo{width:100px}.icon{width:50px;height:40px;border-radius:10px;margin:0 5px;background-color:#fff}.App-link{color:#61dafb;text-decoration:none;display:flex;align-items:center}.banner-section{display:flex;flex-direction:column}.banner-section img{width:100vw;height:35vh}@media screen and (min-width: 768px){.banner-section img{height:40vh}}@media screen and (min-width: 1024px){.social-section{position:unset}.banner-section{flex-direction:row}.banner-section img{width:100%;height:78vh}}.banner-section div{position:relative;display:flex;align-items:center}h2{position:absolute;right:1em;font-size:5em}footer{margin:1em}