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;list-style:none;margin:0;padding:0;text-decoration:none}:root{--bg-color:#141414;--bg-variant-color:#000;--txt-color:#fff;--txt-variant-color:#141414;--container-width-big:75%;--container-width-med:85%;--container-width-sm:90%}#navbar{background-color:#141414;background-color:var(--bg-color);text-align:center}#navbar li{display:inline}li a{color:#fff;display:inline-block;font-size:x-large;padding:10px;text-decoration:none}li a:hover{background-color:#000;background-color:var(--bg-variant-color)}li:last-child{border-right:none}.active{background-color:#adadad}#home{margin:15% 0}#bghome,#home{display:flex;flex-direction:column;font-family:Lucida Console,Courier New,monospace;justify-content:center;text-align:center}#bghome{align-items:center;background-image:url(/static/media/website.46ac2cf9350d487d7901.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:700px}#frontbuttons button{background-color:#141414;background-color:var(--bg-color);border:1px solid #000;border-radius:4px;color:#fff;cursor:pointer;margin:1.5%;padding:10px}#frontbuttons button:hover{background-color:#000;background-color:var(--bg-variant-color)}p{font-size:20px;letter-spacing:1px;line-height:25px;padding:10px 0}#hellointro{color:#141414;color:var(--txt-variant-color)}.card{background:#141414;background:var(--bg-color);border:1px solid #000;border-radius:4px;box-shadow:0 30px 60px 0 rgba(90,116,148,.4);color:#fff;height:250px;position:relative;text-align:center;width:200px}.card:hover{background-color:#000;background-color:var(--bg-variant-color);cursor:pointer}.card p{color:#fff;display:block;font-size:small;margin:25px 0;text-align:center}#mypicture img{border:1px solid #000;height:auto;margin:5% 0;max-width:90%}#aboutbg{align-content:center;background-color:#141414;background-color:var(--bg-color);box-shadow:0 30px 60px 0 rgba(90,116,148,.4);color:#fff;grid-template-columns:72%;height:800px;position:relative}#about-columns,#aboutbg{display:grid;justify-content:center}#about-columns{align-items:center;flex-wrap:wrap;grid-template-columns:1fr 1fr}.progicons{align-items:center;display:flex;font-size:5rem;justify-content:center;padding:2%}.progicons :hover{font-size:8rem;margin-bottom:-15%;margin-top:-15%}#skills{text-align:center}#portfolio{align-items:center;height:600px;margin:1rem 0}#portfolio,#portfoliobg{display:flex;flex-direction:column}#portfoliobg{justify-content:center}#port{font-size:30px;margin:10% 0 0}#port,#porttitle{color:#141414;color:var(--txt-variant-color)}#porttitle{justify-content:center;margin:2rem 0;position:relative}#porttitle,#webportfolio{align-items:center;display:flex}#webportfolio{flex-direction:column;height:600px;margin:1rem 0}#webportfoliobg{flex-direction:column}#webportfoliobg,#webporttitle{display:flex;justify-content:center}#webporttitle{align-items:center;color:#141414;color:var(--txt-variant-color);margin:2rem 0;position:relative}#dax,#expense,#gym,#hkmt,#invent{height:351px;width:251px}#dax:hover,#expense:hover,#gym:hover,#hkmt:hover,#invent:hover{opacity:.75}.large-card{background:#141414;background:var(--bg-color);border:1px solid #000;border-radius:4px;box-shadow:0 30px 60px 0 rgba(90,116,148,.4);color:#fff;height:350px;margin:0 2rem;position:relative;text-align:center;width:250px}.large-card:hover{background-color:#000;background-color:var(--bg-variant-color);cursor:pointer}.card-container-one{align-items:center;display:grid;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr;justify-content:center}.griditem1{grid-area:header}#contactheader{color:#141414;color:var(--txt-variant-color);margin-bottom:16px}#ContactForm{background-color:#141414;background-color:var(--bg-color);border:2px solid #000;border-radius:5px;box-shadow:0 30px 60px 0 rgba(90,116,148,.4);color:#fff;padding:2%}input[type=text]{margin-bottom:16px;margin-top:12px}input[type=email]{margin-bottom:16px;margin-top:12px}input[type=email],input[type=text],select,textarea{border:1px solid #222;border-radius:4px;color:#141414;color:var(--txt-variant-color);padding:15px 25px;width:100%}label{display:inline-block;padding:5% 5% 5% 0}input[type=submit]{background-color:#fff;border:1px solid #000;border-radius:4px;color:#141414;color:var(--txt-variant-color);cursor:pointer;margin-bottom:16px;margin-top:22px;padding:2% 3%}input[type=submit]:hover{background-color:#adadad}#contactme{align-content:center;display:grid;grid-template-columns:60%;height:700px;justify-content:center;margin:22% 0;position:relative}.foot{background-color:#141414;background-color:var(--bg-color);color:#fff;padding:6px;text-align:center}@media screen and (max-width:960px){#aboutbg{height:1200px}#portfolio,#webportfolio{height:1400px}.large-card,.small-card{margin:1rem 0}.card-container-one,.card-container-two{align-items:center;display:grid;grid-template-columns:auto;justify-self:center}li a{font-size:small}}@media screen and (max-width:480px){#aboutbg{height:1200px}#about-columns{display:flex}#skills{font-size:small}#portfolio,#webportfolio{height:1400px}}
/*# sourceMappingURL=main.00c8cc6c.css.map*/