@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&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}*{box-sizing:border-box}body{background-color:#282c34;color:#fff;min-height:100vh}.app-header,body{align-items:center;display:flex;flex-direction:column}img{margin-top:10px;width:200px}h1{font-family:Roboto Mono,monospace;margin:0}.const{color:#f90}.name{color:#b00f95}.result,.typing{color:aqua}.typing{-webkit-animation:flicker 1s linear infinite;animation:flicker 1s linear infinite}@-webkit-keyframes flicker{0%{opacity:100%}49%{opacity:100%}50%{opacity:0}99%{opacity:0}to{opacity:100%}}@keyframes flicker{0%{opacity:100%}49%{opacity:100%}50%{opacity:0}99%{opacity:0}to{opacity:100%}}@media screen and (max-width:600px){h1{font-size:14px;margin-top:5px}img{width:150px}}nav{background-color:#0087ff;margin:0 auto;width:900px}nav ul{display:flex;justify-content:space-around;list-style:none;padding:0}nav li{font-size:18px;padding:5px 0}nav li a{color:#fff;font-family:Roboto Mono,monospace;text-decoration:none}nav li a:hover{color:aqua}@media screen and (max-width:600px){nav{margin:0 auto;width:350px}nav li{font-size:12px;padding:2px 0}}.home{align-items:center;margin:10px auto 50px;width:800px}.home,.home .quotes{display:flex;flex-direction:column}.home .quotes{align-items:flex-start;margin-bottom:10px;margin-top:0;width:900px}.home .quotes .quote-2{align-self:flex-end;width:370px}.home .quotes h4{font-size:16px;font-style:italic;font-weight:400;margin:8px 0}.home h3{font-size:28px;margin:10px 0}.home h4{font-size:18px;margin-bottom:10px;text-align:center}.home .intro{border-bottom:1px solid #0087ff;font-size:20px;padding-bottom:5px;width:300px}.home p{font-size:16px;margin:0;padding:10PX 0;text-align:center}@media screen and (max-width:600px){.home{margin-top:10px;width:300px}.home .quotes{align-items:center;width:300px}.home .quotes h4{font-size:14px;width:250px}.home .quotes .quote-2{align-self:center;width:280px}.home .quotes .quote-1{width:280px}.home h3{font-size:20px;text-align:center}.home .intro{font-size:18px}.home h4{font-size:14px}.home p{font-size:12px}}.about-page>div{align-items:flex-start;display:flex;justify-content:center;margin-bottom:40px;width:900px}.about-page{margin:50px 0}.fifth-section:hover,.first-section:hover,.seventh-section:hover,.third-section:hover{-webkit-animation:shiftRight 20s linear infinite;animation:shiftRight 20s linear infinite}.fourth-section:hover,.second-section:hover,.sixth-section:hover{-webkit-animation:shiftLeft 20s linear infinite;animation:shiftLeft 20s linear infinite}@-webkit-keyframes shiftRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shiftRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes shiftLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shiftLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.picture-section{align-items:flex-start;display:flex;width:400px}.picture-section img{height:auto;margin:0;width:400px}.text-section{background-color:#08f;font-size:18px;height:266.667px;padding:10px;width:500px}.text-section h4{margin:5px 0 10px}.text-section p{margin:0}.right-triangle{border-left:100px solid #08f}.left-triangle,.right-triangle{border-bottom:134px solid transparent;border-top:134px solid transparent;height:120px;width:0}.left-triangle{border-right:100px solid #08f}.fifth-section img,.first-section img,.seventh-section img,.third-section img{border-bottom-left-radius:20px;border-left:1px solid transparent;border-top-left-radius:20px}.fourth-section img,.second-section img,.sixth-section img{border-bottom-right-radius:20px;border-right:1px solid transparent;border-top-right-radius:20px}@media screen and (max-width:600px){.about-page{margin-top:20px}.about-page>div{flex-direction:column;margin:0 auto 20px;width:300px}.about-page>div:hover{-webkit-animation:none;animation:none}.left-triangle,.right-triangle{display:none}.picture-section img{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:20px;width:300px}.text-section{height:auto;width:300px}.text-section p{font-size:14px}.second-section img{position:relative;top:-160px}.second-section .text-section{position:relative;top:198px}.fourth-section img{position:relative;top:-229px}.fourth-section .text-section{position:relative;top:198px}.seventh-section img{position:relative;top:-211px}.seventh-section .text-section{position:relative;top:198px}}.projects{margin:20px 0 50px}.project-header{border-bottom:1px solid #0087ff;font-family:Roboto Mono,monospace;font-size:20px;margin:0 auto;text-align:center;width:750px}.project{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:900px}.project h2{border-bottom:1px solid #0087ff;font-family:Roboto Mono,monospace;font-size:40px;margin:0 0 10px;padding-bottom:10px;text-align:center;width:400px}.project .content{display:flex}.project .content .image{width:550px}.project .content .desc{width:350px}.project .content .desc li{padding:5px}.project .content .desc a{color:#0087ff;text-decoration:none}.project .image img{height:auto;width:550px}.current{display:flex;justify-content:space-evenly;width:250px}.current .ticker-light{-webkit-animation:ticker 1s linear infinite alternate;animation:ticker 1s linear infinite alternate;background-color:gray;border-radius:10px;height:15px;position:relative;top:3px;width:15px}@-webkit-keyframes ticker{0%{background-color:gray}to{background-color:red}}@keyframes ticker{0%{background-color:gray}to{background-color:red}}.current h4{color:#0087ff;margin:0 0 5px;text-decoration:underline}.current ul{margin:0;padding:0}@media screen and (max-width:600px){.projects{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.current{left:-70px;position:relative;width:220px}.current h4{font-size:16px}.current li{font-size:14px}.project{margin-top:10px;width:300px}.project h2{font-size:28px;width:300px}.content{align-items:center;flex-direction:column}.content .image{display:flex;justify-content:center}.content .image img{width:300px}.content .image #battleship-image,.content .image #onedayin-image{position:relative;top:-260px}.content #onedayin-text{position:relative;top:160px}.content #battleship-text{position:relative;top:190px}.content li{font-size:14px;padding:2px}}.contact{align-items:center;display:flex;flex-direction:column;margin-top:50px}.contact h4{font-size:20px;margin:0 0 20px}.contact .details{display:flex;justify-content:space-evenly;width:500px}.contact .email,.contact .phone{align-items:center;display:flex;margin-bottom:20px}.contact .email i,.contact .phone i{font-size:20px;padding-right:10px}.contact .icons{display:flex;justify-content:space-evenly;width:400px}.contact .icons i{font-size:40px}.contact .icons a{color:#fff}.contact .icons a:hover{color:#0087ff}@media screen and (max-width:600px){.contact{margin:0 auto;width:300px}.contact h4{font-size:16px;text-align:center}.contact .details{align-items:center;flex-direction:column;margin:0 auto;width:300px}.contact .phone{margin-bottom:0}}.skills{align-items:center;display:flex;flex-direction:column}.skills h2{font-size:24px;text-align:center;width:800px}.skills h3{border-bottom:1px solid #fff;padding-bottom:10px;text-align:center;width:400px}.skills .skill-list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;width:1000px}.skills .skill-list .skill{align-items:center;display:flex;flex-direction:column;padding:5px}.skills .skill-list .skill .logo{align-items:center;background-color:#f3f3f3;display:flex;height:120px;justify-content:center;width:300px}.skills .skill-list .skill .logo img{height:100px;margin:0;max-width:300px;width:auto}.skills .skill-list .skill h4{font-size:20px;margin:5px 0}@media screen and (max-width:600px){.skills h2{font-size:16px;width:300px}.skills h3{font-size:14px}.skills .skill-list,.skills h3{width:300px}.skills .skill-list .skill h4{font-size:12px}.skills .skill-list .skill .logo{height:60px;width:100px}.skills .skill-list .skill .logo img{height:50px;max-width:80px;width:auto}}
/*# sourceMappingURL=main.b7edb000.css.map*/