body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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}.IntroCard{background-color:#242222;border-radius:20px;padding:20px}.txt{color:green;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:bolder;letter-spacing:.15em}.introImg img{border:2px double #90ee90;border-radius:20px;width:100%}.CTN{grid-gap:10px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto}.introImg img:hover{box-shadow:0 0 40px 0 green}.aboutMe{background-color:rgba(255,0,0,.466);border-radius:20px;color:#fff;grid-column-end:1;grid-column-start:1;grid-row-end:1;grid-row-start:1;padding:10px}.aboutMe:hover{color:#ff0}.PSP{background-color:bisque;border-radius:20px;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;padding:10px}.PSP:hover{color:#00008b}.cnt{background-color:rgba(15,92,180,.466);border-radius:20px;color:#fff;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;padding:10px}.cnt:hover{color:#ff8c00}.services{background-color:#4169e1;border-radius:20px;color:#fff;grid-column-end:3;grid-column-start:1;grid-row-end:4;grid-row-start:3;padding:10px}.services:hover{color:#faebd7}.skills{background-color:#f5f5f5;border-radius:20px;margin-top:10px;padding:10px}.skill p{color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:20px}.pb{background-color:#a9a9a9;height:24px}.css-label,.html-label{width:90%}.js-label{width:80%}.react-label{width:60%}.nodejs-label{width:70%}.skill:hover p{color:#00008b}.skill:hover .pb{background-color:#000}.projects{grid-gap:10px;display:grid}.pjHeader{display:none}.projectDetail{background-color:#c9c4bd;border-radius:20px;padding:20px}.PJPageHeader{color:#fff;font-family:Times New Roman,Times,serif}.contactPage{display:grid;padding:10px}.contactInfo{font-size:20px;grid-column-end:2;grid-column-start:1}.contactForm,.contactInfo{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contactForm{color:#fff;grid-column-end:3;grid-column-start:2;padding:10px}.contactForm label{color:#000}.contactForm h2{font-family:Times New Roman,Times,serif;font-size:60px}table{border-collapse:collapse}td,th{padding:8px;text-align:left}.contactPageHeader{color:#fff;font-family:Times New Roman,Times,serif}@media screen and (max-width:600px){.projects{grid-template-columns:auto;grid-template-rows:auto auto auto auto}.pjHeader{display:block}.contactPage{grid-template-columns:1fr;grid-template-rows:auto auto}.contactForm h2{font-family:Times New Roman,Times,serif;font-size:40px}.CTN{grid-gap:10px;grid-template-columns:auto;grid-template-rows:auto auto auto auto}.aboutMe{grid-row-end:2;grid-row-start:1}.PSP,.aboutMe{grid-column-end:2;grid-column-start:1}.PSP{grid-row-end:3;grid-row-start:2}.cnt{grid-row-end:4;grid-row-start:3}.cnt,.services{grid-column-end:2;grid-column-start:1}.services{grid-row-end:5;grid-row-start:4}.contactInfo{grid-row-end:2;grid-row-start:1}.contactForm,.contactInfo{grid-column-end:2;grid-column-start:1}.contactForm{border-top:1px solid gold;grid-row-end:3;grid-row-start:2}}@media screen and (max-width:800px){.projects{grid-template-columns:auto;grid-template-rows:auto auto auto auto}.contactForm h2{font-family:Times New Roman,Times,serif;font-size:30px}.contactForm{border-top:1px solid gold}.pjHeader{display:block}.contactPage{grid-template-columns:1fr;grid-template-rows:auto auto}.CTN{grid-gap:10px;grid-template-columns:auto;grid-template-rows:auto auto auto auto}.aboutMe{grid-row-end:2;grid-row-start:1}.PSP,.aboutMe{grid-column-end:2;grid-column-start:1}.PSP{grid-row-end:3;grid-row-start:2}.cnt{grid-row-end:4;grid-row-start:3}.cnt,.services{grid-column-end:2;grid-column-start:1}.services{grid-row-end:5;grid-row-start:4}.contactInfo{grid-row-end:2;grid-row-start:1}.contactForm,.contactInfo{grid-column-end:2;grid-column-start:1}.contactForm{grid-row-end:3;grid-row-start:2}}@media screen and (min-width:1000px){.projects{grid-template-rows:auto auto auto auto}.contactPage,.projects{grid-template-columns:auto auto}.contactPage{grid-template-rows:auto auto}}
/*# sourceMappingURL=main.94bfa913.css.map*/