@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Garamond&display=swap);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dot-container{height:1.5rem;width:1.5rem}.dot-container:before{bottom:-3.5rem;height:1rem;left:2.5rem;width:1rem}.dot-container-2{font:black;height:1.5rem;position:relative;width:1.5rem}.dot-container-2:before{-webkit-animation:radiate 1.5s ease-out infinite;animation:radiate 1.5s ease-out infinite;background-color:#333;border-radius:50%;bottom:-3.5rem;color:"black";content:"";height:1rem;left:2.5rem;position:absolute;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%);width:1rem}.email-input-container{box-shadow:0 2px 4px #000;margin-left:150px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.email-input-container input[type=text]{max-width:100%;padding:20px 20px 20px 65px;width:500px}.email-input-container .email-icon{height:30px}.home-container{minHeight:calc(100vh + 20px);flexDirection:column;alignItems:left;marginTop:-20px;display:flex}.content-container{flexDirection:column;alignItems:center;flex:1 1}.text-container{flexDirection:column;alignItems:flex-start;display:flex}.title{fontSize:20vh;marginBottom:2rem}.subtitle,.title{backgroundColor:"";textAlign:left;color:#000}.subtitle{fontSize:2rem;marginTop:0}@media (max-width:768px){.title{fontSize:12vh}.subtitle{fontSize:1.5rem}}.navbar-item{color:#000;color:#748695;font-size:2.5vh;margin-left:20px;margin-right:20px;padding:10px;position:relative;text-decoration:none}@media (max-width:900px){.navbar-item{font-size:4vh}}.navbar-items-container{align-items:center;display:flex;flex-direction:row;height:100%}.navbar-item:before{background-color:#748695;bottom:-3px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.navbar-menu-icon{justify-content:"right";margin-left:auto;padding:40px 80px 40px 40px}.navbar-item.show-underline:before{-webkit-animation:underline-disappear 1s forwards;animation:underline-disappear 1s forwards;background-color:#748695;bottom:-3px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease-in-out;width:100%}.navbar-item:hover:before{-webkit-animation:none;animation:none;transition:width .3s ease-in-out;width:100%}@-webkit-keyframes underline-disappear{0%{width:100%}to{width:0}}@keyframes underline-disappear{0%{width:100%}to{width:0}}.white-font{color:#fff}.navbar-item.white-font.show-underline:before{background-color:#fff}h1,h2,h3,h4,h5,h6{color:#bcc1ca;font-family:Roboto Mono,monospace}p{color:#bcc1ca;font-family:Garamond,serif;font-size:1.2vw;line-height:2vw}.content-block{width:80%}.content-block2{margin-left:10%;width:60%}.paragraph{margin-top:1vw}.content-container{display:flex}.content-container1{display:flex;height:40%}.content-container-left{display:flex;height:300px}.modal{transition:opacity .6s ease-in}.modal,.modal-open{opacity:1}.portfolio-container{align-items:center;display:flex;flex-direction:column;height:100vh;overflow:hidden}.background-container{background-color:#1D218;border-bottom-left-radius:20%;border-top-right-radius:150px;height:100vh;overflow:hidden;width:100%}.row{display:flex;flex:1 1}.row-70{background-color:#f0f0f0;height:70%}.row-30{background-color:#e0e0e0;height:30%}.Portfolio{box-sizing:border-box}@media (max-width:768px){.youtube-wrapper{height:100vh}}@media (min-width:769px) and (max-width:1024px){.youtube-wrapper{height:10vh}}@media (min-width:1025px){.youtube-wrapper{height:150vh}}h1{align-items:center;color:#000;display:flex;font-size:8rem}.dot-container2{font:black;height:60px;position:relative;width:60px}.dot-container2:before{-webkit-animation:radiate 1.5s ease-out infinite;animation:radiate 1.5s ease-out infinite;background-color:#333;border-radius:50%;bottom:-30%;color:"black";content:"";height:10px;left:60%;position:absolute;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%);width:10px}.dot-container{font:black;height:100px;position:relative;width:100px}.dot-container:before{-webkit-animation:radiate 1.5s ease-out infinite;animation:radiate 1.5s ease-out infinite;background-color:#333;border-radius:50%;bottom:10%;color:"black";content:"";height:15px;left:50%;position:absolute;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%);width:15px}@-webkit-keyframes radiate{0%{opacity:1;-webkit-transform:translate(-20%,-50%) scale(2.5);transform:translate(-20%,-50%) scale(2.5)}to{opacity:.6;-webkit-transform:translate(-50%,-50%) scale(4);transform:translate(-50%,-50%) scale(4)}}@keyframes radiate{0%{opacity:1;-webkit-transform:translate(-20%,-50%) scale(2.5);transform:translate(-20%,-50%) scale(2.5)}to{opacity:.6;-webkit-transform:translate(-50%,-50%) scale(4);transform:translate(-50%,-50%) scale(4)}}.email-input-container{box-shadow:0 2px 4px transparent;margin-left:33%;padding-right:50px;position:relative}.email-input-container input[type=text]{background-color:#fff;box-shadow:0 2px 4px #000;font-size:1.5rem;padding:20px 0 20px 75px;width:100%}.email-input-container .email-icon{left:20px}.email-input-container .email-icon,.email-input-container .send-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.email-input-container .send-icon{border-radius:25%;font-size:1.8rem;padding:1vh;right:0;transition:box-shadow .3s ease}.email-input-container .send-icon:hover{box-shadow:0 0 5px rgba(0,0,0,.9)}.icon:hover{border-radius:100%;box-shadow:0 0 10px rgba(0,0,0,.5)}
/*# sourceMappingURL=main.8b18edce.css.map*/