:root{--title-font:"Vibes",cursive;--heading-font:"Lexend Deca",sans-serif;--body-font:"Montserrat",sans-serif;--beige:#fff3d9}*{box-sizing:border-box}html{font-family:Lato,sans-serif}body,html{background-color:#f2f6ff}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;font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f2f6ff;text-align:center}button:focus{outline:none}.button{color:#fff;text-decoration:none;padding:5px 15px 8px;border-radius:15px;font-size:16px;text-align:center;font-family:Lexend Deca,sans-serif;font-family:var(--heading-font);margin-right:10px;margin-top:5px;box-shadow:0 5px 7px rgba(0,0,0,.1);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border:none}.beige-button{background:#fff3d9;background:var(--beige)}.green-button{background:var(--green)}.blue-button{background:var(--blue)}.red-button{background:var(--red)}.button:hover{background:var(--darkgray);cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px)}a:hover:not(.button){color:var(--darkgray);cursor:pointer}h1{font-family:Vibes,cursive;font-family:var(--title-font);font-size:80px;font-weight:800;line-height:1.3;margin:0 30px}h2{font-size:30px}h2,h3{font-family:Lexend Deca,sans-serif;font-family:var(--heading-font)}h3{font-size:25px}p{font-family:Montserrat,sans-serif;font-family:var(--body-font);font-size:18px}ul{list-style-type:none;padding:0;margin:5px 20px}button{border:none}.home-section{margin:1vh 0;display:flex;flex-wrap:wrap;flex-direction:row}.top-circle{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)),url(/static/media/Chris+Steph2.96d80181.jpg);background-image:-webkit-linear-gradient(transparent,transparent),url(/static/media/Chris+Steph2.96d80181.jpg);background-image:linear-gradient(transparent,transparent),url(/static/media/Chris+Steph2.96d80181.jpg);border-top-left-radius:50%;border-top-right-radius:50%}.bottom-circle,.top-circle{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;height:200px;-webkit-transition:.5s;transition:.5s}.bottom-circle{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)),url(/static/media/MB_Landing.faf79102.jpg);background-image:-webkit-linear-gradient(transparent,transparent),url(/static/media/MB_Landing.faf79102.jpg);background-image:linear-gradient(transparent,transparent),url(/static/media/MB_Landing.faf79102.jpg);border-bottom-right-radius:50% 50%;border-bottom-left-radius:50% 50%}.about-me{top:0;left:27%;border-top-left-radius:50%;border-top-right-radius:50%;padding:8px 30px 0}.about-me,.projects{position:absolute;right:auto;color:#000;background:var(--beige);box-shadow:0 -2px 2px rgba(34,34,34,.6);-moz-box-shadow:1px 2px 3px rgba(0,0,0,.5);-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.5)}.projects{bottom:-17px;left:27.5%;border-bottom-right-radius:50% 50%;border-bottom-left-radius:50% 50%;padding:0 35px 8px}.home-navigation{margin:auto}.home-text{margin:20px auto 0;width:300px}.bottom-circle,.top-circle{width:300px;border:1px solid #baa87f}.grow:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:1}@media only screen and (min-width:400px){.bottom-circle,.home-text,.top-circle{width:300px}.home-text{margin:auto}}@media only screen and (min-width:600px){.home-section{height:80vh}}.card-title{text-align:center;margin-top:5px}.project-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:200px}.card-styling{margin:20px}.flex-center{display:flex;flex-direction:row;justify-content:center}h4{text-align:left;margin-left:10px}.headline-area,.small-table{text-align:center}.small-table{width:300px;margin-left:auto;margin-right:auto;font-size:14px}th{width:20px}tr{border-bottom:1px solid #d3d3d3}@media only screen and (min-width:400px){.small-table{width:400px;text-align:center;margin-left:auto;margin-right:auto;font-size:18px}}@media only screen and (min-width:600px){.small-table{width:600px;text-align:center;margin-left:auto;margin-right:auto;font-size:18px}}.self-pic{width:200px;border-top-left-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-right-radius:50%}.headline-text{width:200px;margin-left:auto;margin-right:auto;font-family:Mali,cursive}.text-box{max-width:300px}@media only screen and (min-width:400px){.headline-text{width:400px}.text-box{max-width:650px}}@media only screen and (min-width:1000px){.text-box{max-width:900px}}.logo-name{display:flex;flex-direction:row}.logo{height:40px;margin:2px 0 0 15px}.contact-list,.navigation-list{margin-top:10px}.footer-name{font-size:15px;margin:8px 0 0 5px;font-family:Lobster Two,cursive}.contact-list-footer,.navigation-list-footer{margin-bottom:20px;margin-top:10px}.contact-list,.contact-list-footer{margin-right:5px}@media only screen and (min-width:400px){.footer-name{font-size:22px;margin:5px 0 0 10px}.navigation-list-footer{margin-right:85px}}.page-header{background-color:#fff3d9}.page-footer,.page-header{display:flex;flex-direction:row;justify-content:space-between;height:9vh}.page-footer{background-color:#baa87f}@media only screen and (min-width:400px){.contact-list,.contact-list-footer{margin-right:10px}.navigation-list{margin-left:60px}}.dd-about-me,.dd-projects{display:block}
/*# sourceMappingURL=main.69a37a2a.chunk.css.map */