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}.App{text-align:center;display:flex;flex-direction:column;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.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{background-color:#000;background-image:url(https://budgetreport.com/wp-content/uploads/2020/06/mechanical-keyboard-close-up.jpg);background-blend-mode:darken;background-size:cover;background-repeat:no-repeat;min-width:90vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:calc(20px + 2vmin);color:#fff;top:0;position:-webkit-sticky;position:sticky}.App-header.is-pinned{opacity:0}.Intro{min-width:90vw;min-height:110vh;display:flex;z-index:1;flex-direction:column;background-color:#fff;align-items:center;justify-content:center}.Intro-Title{font-size:calc(20px + 2vmin);font-weight:700;border-bottom:.5vmin solid}.Introduce-text{font-size:calc(8px + 1vmin)}.Intro-Card-Div{flex-direction:row;display:flex;width:60vw;align-items:flex-start;justify-content:space-between}.card-a{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;max-width:50vw;margin-bottom:5vh;margin-right:5vw}.card-a:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;max-width:50vw;margin-bottom:5vh}.card-Image{width:20vmin;height:20vmin;object-fit:contain;border-bottom-left-radius:25vmin;border-bottom-right-radius:25vmin}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.container{padding:2px 16px;align-items:flex-start;justify-content:flex-start;text-align:left;font-size:calc(8px + 1vmin)}a:link,a:visited{color:#00f;text-decoration:none}a:hover{color:#00f;text-decoration:underline}.skills{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly}.skill_list{flex-wrap:wrap;align-items:center;justify-content:center}.skillsBox{height:7vmin;flex-direction:row;display:flex;font-weight:700;font-size:1.7vmin}.skills-Image{box-shadow:0 1px 8px 0 rgba(0,0,0,.1);width:5vmin;height:5vmin;margin-right:1vw}.App-link{color:#61dafb}.Project{min-width:90vw;min-height:100vh;display:flex;z-index:1;flex-direction:column;background-color:#fff;align-items:center;justify-content:start;padding-top:5vmax;padding-bottom:10vmax}.Project-Title{font-size:calc(20px + 2vmin);font-weight:700;border-bottom:.5vmin solid}.Project-Details{font-size:calc(8px + 1vmin);margin-top:5vmin;width:60vw;flex-direction:row;flex-wrap:wrap;display:flex;text-align:left;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;padding:8px 16px;cursor:pointer}.Project-Details:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);background-color:rgba(0,0,0,.1)}.App-Logo{align-self:center;width:15vmin;height:15vmin;object-fit:contain;border-radius:25%;margin-right:5vmin}.App-Text-Title{font-size:calc(8px + 1.8vmin);font-weight:700}.App-Text{max-width:45vw;line-height:1.8}.Modal{flex-direction:column;position:fixed;display:flex;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:1}.Modal-False{color:#fff;text-align:right;width:62vw}.X_btn{width:5vmin;height:5vmin;object-fit:contain}.Modal-Inner{width:60vw;height:85vh;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:8px 16px;border-radius:15px}.Modal-Inner-Title{font-size:calc(10px + 2vmin);font-weight:700}.Modal-Image-List{flex-direction:row;display:flex;overflow-x:scroll}.Modal-Image{width:20vh;object-fit:contain;margin-right:2vw;margin-bottom:2vmin;margin-top:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.Modal-Details-Text{padding-left:2vw;background-color:rgba(52,52,52,.2);text-align:left;max-height:inherit;line-height:1.8;font-weight:500;font-size:calc(8px + .8vmin);overflow-y:scroll;height:25vh}@media (max-width:600px){.Intro-Card-Div{flex-direction:column;justify-content:center;align-items:center;width:80vw}.card,.card-a{max-width:80vw}.skills{flex-direction:column}.card-a{margin-right:0}.Project-Details{font-size:calc(8px + 1vmin);margin-top:5vmin;width:60vw;flex-direction:column;align-items:center;display:flex;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;padding:8px 16px}.App-Logo{width:10vh;height:10vh;margin-right:0;margin-bottom:0}.App-Text{text-align:left;max-width:45vw;line-height:1.8}.App-Text-Title{font-size:calc(8px + 1.8vmin);font-weight:700;text-align:center}.Modal-Image{width:20vh;object-fit:contain;margin-right:2vw;margin-top:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Modal-Image-List::-webkit-scrollbar{height:1.3vmin}.Modal-Image-List::-webkit-scrollbar-track{background-color:transparent}.Modal-Image-List::-webkit-scrollbar-thumb{border-radius:2px;background-color:grey}.Modal-Image-List::-webkit-scrollbar-button{width:0;height:0}.Modal-Details-Text::-webkit-scrollbar{width:1.3vmin}.Modal-Details-Text::-webkit-scrollbar-track{background-color:transparent}.Modal-Details-Text::-webkit-scrollbar-thumb{border-radius:2px;background-color:grey}.Modal-Details-Text::-webkit-scrollbar-button{width:0;height:0}
/*# sourceMappingURL=main.a1305a2d.chunk.css.map */