@import url(https://fonts.googleapis.com/css2?family=Roboto&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}.Intro-container{align-items:center;display:flex;justify-content:center}.Intro-container .Intro-content{border:2px solid #4eabc580;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center;padding:3%;width:61%}.Intro-container .Intro-content .Intro-image{float:left;height:100%;width:25%}.Intro-container .Intro-content .Intro-text{align-self:center;color:#fff;font-family:Roboto,sans-serif;font-size:20px;line-height:30px;padding-left:3%;width:50em}.Portfolio-root-container{color:#1bceff;display:flex;flex-direction:column;min-height:500px;width:100%}.Portfolio-root-container h2{font-size:3em;text-align:center;width:100%}.Portfolio-root-container .Portfolio-root-content{display:flex;height:100%;justify-content:center;width:100%}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text{align-items:center;background-repeat:no-repeat;background-size:cover;display:flex;font-size:48px;height:100%;justify-content:center;width:15em}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text span{color:#1bceff;pointer-events:none;position:absolute;z-index:100}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text .Portfolio-button-image{align-items:center;background-repeat:no-repeat;background-size:cover;border-radius:20px;color:#1bceff;cursor:pointer;display:flex;font-size:48px;justify-content:center;min-height:150px;opacity:.3;transition:opacity .5s;width:100%}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text .Games-image{background-image:url(/static/media/happy-hour.f894e7bcc55c3af88c37.png);margin:5px}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text .Soft-image{background-image:url(/static/media/programming.6031813b1aaa7fed8122.jpg);margin:5px}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text .Portfolio-button-image:hover{opacity:1;transition:opacity .5s}.Portfolio-root-container .Portfolio-root-content .Portfolio-button-text.active .Portfolio-button-image{opacity:1}.Portfolio-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin-top:50px;width:100%}.Portfolio-container .Portfolio-content{display:flex;flex-wrap:wrap;justify-content:center;min-height:400px;width:75%}.Portfolio-container .Portfolio-content .Portfolio-element{border:2px solid rgba(27,206,255,.494);display:flex;flex-direction:column;margin:5px;max-width:45%;padding:10px}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-title{align-self:center;font-size:48px;margin-bottom:10px;margin-top:5px}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-image img{border-radius:10px;max-height:350px;object-fit:cover;width:100%}.Portfolio-container .Portfolio-content .Portfolio-element .portfolio-element-point-list{color:#1bceff}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-section-title{width:100%}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-section-title,.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-year{color:#1bceff;font-family:Roboto,sans-serif;font-size:20px;margin-bottom:5px;margin-top:15px;padding-right:10px}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-description,.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-responsibilities{color:#fff;font-family:Roboto,sans-serif;font-size:20px;line-height:1.5em;margin-bottom:15px;padding-right:10px}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-buttons{align-items:flex-end;display:flex;height:100%;justify-content:flex-end;margin-bottom:50px;margin-top:20px;width:100%}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-buttons .Portfolio-element-button{align-items:center;background-color:#fff;border-color:#000;border-radius:10px;border-style:solid;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:5px;width:100%}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-buttons .Portfolio-element-button span{-webkit-user-select:none;user-select:none}.Portfolio-container .Portfolio-content .Portfolio-element .Portfolio-element-buttons .Portfolio-element-button:hover{background-color:#1bceff}@font-face{font-family:tarrget;src:local("tarrget"),url(/static/media/tarrget.2b6beba0ad0a5402dce9.ttf) format("opentype")}.App{align-items:center;height:100%;justify-content:center;min-height:100vh}#root,.App,body,html{background-color:#282c34;height:100%}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.App-header h1{-webkit-animation:text-shadow 4s infinite;animation:text-shadow 4s infinite;color:#1bf0ff;font-family:tarrget,sans-serif;letter-spacing:5px;text-shadow:0 0 15px #fff,0 0 5px #ec1bff}@-webkit-keyframes text-shadow{50%{text-shadow:0 0 40px #fff,0 0 25px #ec1bff}}@keyframes text-shadow{50%{text-shadow:0 0 40px #fff,0 0 25px #ec1bff}}.Portfolio-element-section-title,.Portfolio-element-title{color:#1bceff;width:100%}.Portfolio-element-title{align-items:center;display:flex;justify-content:center}@-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)}}.Footer{align-items:flex-end;bottom:0;height:50px;min-height:20vh;pointer-events:none;position:-webkit-sticky;position:sticky;z-index:100}.Footer,.Footer .Footer-icons{display:flex;justify-content:center;width:100%}.Footer .Footer-icons{align-items:center;background-color:#181a1f;color:#fff;height:60px;pointer-events:all}.Footer .Footer-icons .Footer-icon{cursor:pointer;height:30px;margin-left:10px;max-width:50px}.Footer .Footer-icons svg:hover path{fill:#1bceff!important;color:#1bceff!important}
/*# sourceMappingURL=main.d748897e.css.map*/