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}:root{--primary-color:#84938a;--secondary-color:#d8dfd8;--hover-color:#767c7c;--dark-form:#3b3b3b}*{margin:0;padding:0}main{font-family:Arial,Helvetica,sans-serif;padding-bottom:120px}#dark main{background-color:#000;height:190vh}.title{color:rgba(0,0,0,.614);font-weight:700;text-align:center}#dark .title{color:#d8dfd8;color:var(--secondary-color)}button{background-color:#84938a;background-color:var(--primary-color);border:none;border-radius:.5em;color:#fff;cursor:pointer;font-size:1em;margin:1%;outline:none;padding:.5em}.switch{align-items:center;display:flex;height:60px;margin-left:20px;width:50vw}#dark .switch{color:#d8dfd8;color:var(--secondary-color)}.header{background-color:#d8dfd8;background-color:var(--secondary-color)}#dark .header{background-color:#1e201d}.name{display:flex;font-weight:bolder;justify-content:center;padding:1%;position:relative}#dark .name{color:#fff}.nav{display:flex;justify-content:space-around}.active{font-weight:bolder}#dark .active{color:#767c7c;color:var(--hover-color)}li:hover{font-weight:700}.profile img{border-radius:50%;width:14em}.about-page{margin-top:5%}.about,.about-info{text-align:center}.about-info{padding:0 10%}#dark .about-info{color:#fff}.project-page{padding-bottom:130px;width:100%}#dark .project-page{background-color:#000}.work{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:3.2%}.work a{color:#84938a;color:var(--primary-color);text-decoration:none}.icon{color:#000}#dark .icon,.icon:hover{color:#fff}#dark .icon:hover{color:#656464}.project{align-items:center;background:#767c7c;background:var(--hover-color);background-image:linear-gradient(to bottom right,#84938a,#d8dfd8);background-image:linear-gradient(to bottom right,var(--primary-color),var(--secondary-color));border:4px solid #d8dfd8;border:4px solid var(--secondary-color);border-radius:10px;display:flex;flex-wrap:wrap;height:12em;justify-content:center;margin:1%;position:relative;width:46%}#dark .project{background-image:linear-gradient(to bottom left,#1d1d1d,#9b9b9b)}.banner{background:#fff;border-radius:0 15px 15px 0;bottom:18px;color:#000;font-weight:700;left:0;max-height:55%;max-width:75%;padding:6px;position:absolute}#dark .banner{background:#3b3b3b;background:var(--dark-form);color:#fff}.project-title{font-size:30px}.project-info{font-size:15px}.project:hover{border-color:#84938a;border-color:var(--primary-color)}.banner:hover{background:#767c7c;background:var(--hover-color);color:#fff}#dark .banner:hover{background-color:#101910}#wrapped-in-bananas:hover{background-image:url(/portfolio-react/static/media/wrapped-in-bananas.9a954718fd0edb391db1.jpg);background-position:50%;background-size:cover}#meditation-buddy:hover{background-image:url(/portfolio-react/static/media/meditation-buddy.e90422b2e658641be858.jpg)}#book-bits:hover,#meditation-buddy:hover{background-position:50%;background-size:cover}#book-bits:hover{background-image:url(/portfolio-react/static/media/book-bits.fc2b88f136e8db31bda0.jpg)}#password-generator:hover{background-image:url(/portfolio-react/static/media/password-generator.696bf01297a1a7121f62.png);background-position:50%;background-size:cover}#weather-dashboard:hover{background-image:url(/portfolio-react/static/media/weather-dashboard.247f6013a4eafb541606.jpg);background-position:50%;background-size:cover}#work-day-scheduler:hover{background-image:url(/portfolio-react/static/media/work-day-scheduler.4897e40780a238a043a4.jpg)}#code-quiz:hover,#work-day-scheduler:hover{background-position:50%;background-size:cover}#code-quiz:hover{background-image:url(/portfolio-react/static/media/code-quiz.91444af9a70ef8213014.jpg)}#tech-blog:hover{background-image:url(/portfolio-react/static/media/tech-blog.06c739d2c27490af1bba.jpg)}#e-commerce:hover,#tech-blog:hover{background-position:50%;background-size:cover}#e-commerce:hover{background-image:url(/portfolio-react/static/media/e-commerce.5a6cbfe78425c9de8675.jpg)}#employee-tracker:hover{background-image:url(/portfolio-react/static/media/employee-tracker.dc1d80da462420dce619.jpg)}#employee-tracker:hover,#note-taker:hover{background-position:50%;background-size:cover}#note-taker:hover{background-image:url(/portfolio-react/static/media/note-taker.b5ef75d9c487050c5bdd.jpeg)}#team-profile-generator:hover{background-image:url(/portfolio-react/static/media/team-profile-generator.5d2ca3e95d3dea960832.jpg);background-position:50%;background-size:cover}#readme-generator:hover{background-image:url(/portfolio-react/static/media/readme-generator.151a42ad8082ab991b76.jpg);background-position:50%;background-size:cover}.contact-me{background-color:hsla(0,0%,50%,.084);display:flex;justify-content:center;margin-bottom:5%;margin-top:5%;max-width:50%;text-align:center}#dark .contact-me{background-color:#3b3b3b;background-color:var(--dark-form);color:#fff}#dark .inner-card{background-color:#000}label{padding:2%}.contact-btn{margin:4%;width:50%}.contact-btn:hover{color:#767c7c;color:var(--hover-color)}.resume-page{display:flex;padding:2%;text-align:center;width:60%}.resume-text{background-color:hsla(0,0%,50%,.084)}#dark .resume-text{background-color:#3b3b3b;background-color:var(--dark-form);color:#fff}.resume-btn a{color:#fff;text-decoration:none}#dark .resume-btn a:hover{color:#000}footer{background-image:url(/portfolio-react/static/media/leaf-banner.b343edef4c274055038d.jpg)}#dark footer{background-image:url(/portfolio-react/static/media/dark-banner.265d31b8d94a89769ece.jpg)}li{list-style:none}a{color:#000}#dark a{color:#fff}a:hover{color:#767c7c;color:var(--hover-color)}#dark a:hover{color:#656464}@media (max-width:1024px){.project-title{font-size:2vw}.project-info{font-size:1.5vw}.contact-me{width:85%}.switch{display:flex;justify-content:center;margin:0;width:100%}#dark main{background-color:#000;height:270vh}}@media (max-width:767px){.project-title{font-size:2.5vw}.project-info{font-size:1.9vw}.contact-me{width:90%}}@media (max-width:575px){.project-title{font-size:3vw}.project-info{font-size:2.2vw}.contact-me{width:95%}}
/*# sourceMappingURL=main.bb7bad0c.css.map*/