@charset "UTF-8";.project-page{text-align:center}.project-page a{color:#cf8e80}.project-page h4{font-family:Raleway,sans-serif;margin:0;text-align:center}.project-page button{margin-top:10px}.project-page .project-photo{width:100%;height:auto;margin:20px auto;background-size:contain;background-position:center;border-radius:10px;box-shadow:0 10px 20px #0000008f}.project-page p{font-family:Raleway,sans-serif;line-height:1.75;text-align:center}.logo{width:200px}footer{color:#4e392d;width:100%;text-align:right;padding:20px;font-family:Dawning of a New Day,cursive;font-size:20px}footer a{text-decoration:none;color:#4e392d;cursor:pointer}footer p{display:inline;padding:0;position:relative}footer p:before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:0;left:0;background-color:#fcb5b5;transform:scaleX(0);transition:transform .3s ease}footer p:hover:before,footer p.active:before{transform:scaleX(1)}.contact{padding:8vh 0 0;text-align:center;font-family:Raleway,sans-serif;background-image:url(/assets/pink-noun-circle.8f74124f.svg),url(/assets/brown-noun-circle.d699f07d.svg),url(/assets/pink-noun-circle.8f74124f.svg);background-repeat:no-repeat,no-repeat,no-repeat;background-size:contain,contain,contain;background-position:-50px 450px,-350px 300px,500px 400px}@media only screen and (min-width: 800px){.contact{background-position:100px 450px,-250px 300px,800px 400px}}@media only screen and (min-width: 1300px){.contact{background-position:100px 450px,-250px 300px,1250px 400px}}.contact h2{font-family:Dawning of a New Day,cursive;font-size:40px;margin:0;text-align:center}.contact-container{font-family:Raleway,sans-serif;width:90%;margin:0 auto;text-align:center;font-size:18px}@media only screen and (min-width: 800px){.contact-container{display:flex;flex-direction:column;width:60%;font-size:20px}.contact-container>div{justify-content:center}}@media only screen and (min-width: 1000px){.contact-container{font-size:24px}}.contact-container h3{color:#000;margin:0;padding:5px 0}@media only screen and (min-width: 800px){.contact-container h3{font-size:24px}}@media only screen and (min-width: 1000px){.contact-container h3{font-size:34px}}form{display:flex;flex-direction:column;width:90%;margin:0 auto}form>div{display:flex;flex-direction:column}form>div label{color:#1c1a1b;font-family:Raleway,sans-serif;letter-spacing:5px;padding:5px}@media only screen and (min-width: 800px){form>div label{font-size:18px}}@media only screen and (min-width: 1000px){form>div label{font-size:22px}}form .inputs{padding-bottom:30px}form .inputs>div{margin:5px 0}.MuiInput-underline:hover:not(.Mui-disabled):before{border-color:#fcb5b5!important}.MuiInputLabel-animated{color:#4e392d!important}.MuiInput-underline:after{border-bottom:2px solid #cf8e80!important}.MuiSnackbar-root div{background-color:#cf8e80;color:#fffcf5;width:100%}.MuiSnackbar-root div span{width:100%;display:flex;align-items:center;justify-content:space-between}.MuiFormHelperText-root.Mui-error{color:#4e392d!important;font-weight:300!important}.MuiCircularProgress-colorPrimary{color:#fffcf5!important;width:20px!important;height:20px!important;margin:0 50px}.MuiInputLabel-root,.MuiInputBase-input{font-family:Raleway,sans-serif!important}#hi{color:#fcb5b5;font-family:Dawning of a New Day,cursive}.contact-links{padding-top:100px;display:flex;flex-wrap:wrap;justify-content:center}.contact-links a i{font-size:50px;display:inline-block;color:#4e392d;padding:0 8px;flex-grow:1;transition-property:transform,-webkit-transform,-ms-transform;transition-duration:.3s}.contact-links a i:hover{-webkit-transform:scale(1) translateY(-5px);-ms-transform:scale(1) translateY(-5px);color:#cf8e80}@media only screen and (min-width: 800px){.contact-links a i{max-width:8vw}}@media only screen and (min-width: 1000px){.contact-links a i{max-width:85px}}.parent{position:relative;box-shadow:10px 1px 40px #33333387;border-radius:10px;overflow:hidden}@media only screen and (min-width: 1000px){.parent{overflow:unset;transition:transform,-webkit-transform,-ms-transform,box-shadow;transition-duration:.5s}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.parent{margin:20px 0}}@media (-ms-high-contrast: none) and (min-width: 900px),(-ms-high-contrast: active) and (min-width: 900px){.parent{width:45%;margin:20px;float:right}}@media only screen and (min-width: 1000px){.parent:hover{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);box-shadow:25px 25px 55px #333333d4}}.darken{overflow:hidden;border-radius:10px}@media only screen and (min-width: 1000px){.darken{position:absolute;display:block;width:100%;margin:0 auto;height:100%;top:0;background-color:#0000;transition:background-color .5s ease}.darken:hover .information-banner{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);opacity:1}}.website{width:100%;min-height:175px;height:20vh;background-color:pink;background-position:center top;background-repeat:no-repeat;background-size:cover;transition:transform,-webkit-transform,-ms-transform,.5s;border-radius:10px}@media only screen and (min-width: 1000px){.website{min-height:200px;height:30vh}}.website:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1)}.information-banner{position:absolute;text-align:center;background:linear-gradient(160deg,rgba(207,142,128,.4),rgba(78,57,45,.4));padding:20px 0;width:100%;bottom:0}@media only screen and (min-width: 1000px){.information-banner{opacity:0;background-color:transparent;position:relative;padding:0;height:100%;width:100%;-webkit-transform:translateY(500px);-ms-transform:translateY(500px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform,-webkit-transform,-ms-transform,.5s}}.information-banner button a{color:#fffcf5!important;text-decoration:none!important}.information-banner button:hover{box-shadow:0 0 15px #4e392d}.ub-max-h_100vh{width:100%!important}@media only screen and (min-width: 800px){.ub-max-h_100vh{width:auto}}.side-sheet-content{margin:10px auto 0;width:90%}.side-sheet-content button{box-shadow:none}button{text-transform:uppercase;padding:10px 15px;margin:5px;cursor:pointer;color:#fffcf5;background-color:#fcb5b5;outline:none;box-shadow:0 0 10px #fcb5b5}.mobile-view{width:275px!important;box-shadow:none!important}.certification-container{font-family:Raleway,sans-serif;color:#fff;margin:0;font-size:16px;text-align:center;padding:8vh 0 0}.certification-container .udemy-title{color:#4e392d}.certification-container>div{width:90%;margin:0 auto;text-align:left}@media only screen and (min-width: 1000px){.certification-container>div{width:80%}}.certification-container>div a{text-decoration:none;width:100%}@media only screen and (min-width: 800px){.certification-container>div a{width:50%}}.certification-container .certifications{padding-top:2rem}@media only screen and (min-width: 800px){.certification-container .certifications{display:flex;flex-direction:row;flex-wrap:wrap}}.certification-container .certifications a:last-child{width:100%}.certification-container .udemy{background-color:#4e392d;color:#fffcf5;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:right;align-items:center;justify-content:start;padding:10px;margin:15px 0;transition:background-color .4s;box-shadow:0 0 10px #4e392d}.certification-container .udemy:hover{background:#cf8e80;box-shadow:0 0 15px #cf8e80}@media only screen and (min-width: 800px){.certification-container .udemy{margin:5px;justify-content:left;min-height:0px}}.certification-container .udemy p{margin:5px 0;width:100%!important;transition:color .4s}.certification-container .udemy p:first-of-type{font-size:16px}.certification-container .udemy p:last-of-type{padding-top:5px;font-size:14px;border-top:1px solid #fffcf5}.certification-container img{width:50px}@media only screen and (min-width: 1000px){.certification-container img{width:60px}}.portfolio-container{width:90%;margin:0 auto}@media only screen and (min-width: 800px){.portfolio-container{width:75%}}.portfolio-container h2{font-family:Raleway,sans-serif;text-align:center;font-size:30px}@media only screen and (min-width: 1000px){.portfolio-container h2{font-size:40px}}#gallery{padding-top:25px;display:grid;grid-template-rows:auto;grid-template-columns:1fr;grid-gap:30px}@media only screen and (min-width: 800px){#gallery{grid-template-rows:auto;grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1000px){#gallery{grid-template-rows:auto;grid-gap:2vw}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){#gallery{position:relative}#gallery:after{content:"";display:table;clear:both}}@media only screen and (min-width: 800px){#gallery .parent:first-child{grid-column-end:3;grid-column-start:1}}@media only screen and (min-width: 1000px){#gallery .parent:first-child{grid-column-end:4}}.landing-screen{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-image:url(/assets/pink-noun-circle.8f74124f.svg),url(/assets/brown-noun-circle.d699f07d.svg);background-repeat:no-repeat,no-repeat;background-size:300px 300px,400px 400px;background-position:-200px 0px,-175px -175px}@media only screen and (min-width: 1300px){.landing-screen{background-size:500px 500px,450px 450px;background-position:-200px -150px,-15px -275px}}@media only screen and (min-width: 800px){.landing-screen{padding-top:unset;min-height:100vh}}.landing-screen #profile-image{width:250px;border-radius:50%;box-shadow:0 0 40px #cf8e80;margin-bottom:20px;margin-top:20px}@media only screen and (min-width: 1000px){.landing-screen #profile-image{width:350px;max-width:400px;margin-bottom:0}}.landing-screen .points{text-align:center}@media only screen and (min-width: 800px){.landing-screen .points{text-align:right}}.landing-screen h1{font-size:45px;margin:0;color:#fcb5b5;font-family:Dawning of a New Day,cursive}@media only screen and (min-width: 800px){.landing-screen h1{font-size:75px}}@media only screen and (min-width: 1000px){.landing-screen h1{font-size:100px}}.landing-screen h2{font-weight:800;font-size:20px;line-height:1.5;color:#4e392d;font-family:Raleway,sans-serif}@media only screen and (min-width: 800px){.landing-screen h2{font-size:30px}}.landing-screen h3{font-size:18px;line-height:1.5;color:#4e392d;font-family:Raleway,sans-serif}.custom-cursor{width:20px;height:20px;border:1px solid #fcb5b5;background-color:#fcb5b580;box-shadow:0 0 10px #fcb5b5;border-radius:50%;position:absolute;transition-duration:.15s;transition-timing-function:ease-out;animation:cursorAnim .5s infinite alternate;pointer-events:none}@keyframes cursorAnim{0%{transform:scale(1.1)}to{transform:scale(.7);box-shadow:0 0 15px #cf8e80}}html{overflow-x:hidden}html *,html *:before,html *:after{box-sizing:border-box;transition:.5s ease-in-out;font-weight:light}h1,h2,h3,h4,h5,h6,button,p{font-weight:light}*:before,*:after{z-index:-1}body{background-color:#fffcf5;margin:0;overflow-x:hidden;padding:0!important;overflow:auto!important}a{text-decoration-color:none;text-decoration:none}.App{min-height:100vh;background-image:url(/assets/pink-noun-circle.8f74124f.svg),url(/assets/brown-noun-circle.d699f07d.svg),url(/assets/pink-noun-circle.8f74124f.svg);background-repeat:no-repeat,no-repeat,no-repeat;background-size:contain,contain,contain;background-position:-200px 750px,5px 700px,200px 550px}@media only screen and (min-width: 800px){.App{background-size:700px 700px,750px 750px,800px,800px;background-position:-200px 500px,135px 650px,180% 650px}}@media only screen and (min-width: 1300px){.App{background-size:700px 700px,800px 800px,900px,900px;background-position:-450px 300px,0 450px,554px 600px}}h1,h2,h3,h4{margin:0;font-weight:200}.project-page h4{margin:10px 0;font-family:Raleway,sans-serif;text-align:center}@media only screen and (min-width: 800px){.project-page h4{font-size:30px;margin:0}}.project-page .button-holder{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0 30px}@media only screen and (min-width: 800px){.project-page .button-holder{flex-direction:row}.project-page .button-holder button{margin:0 10px 0 0}}.project-page .project-photo{width:100%;height:auto;margin:10px auto;background-size:contain;background-position:center;border-radius:10px;box-shadow:0 0 20px #4e392d}@media only screen and (min-width: 800px){.project-page .project-photo{margin:20px auto}}.project-page h3{font-size:16px;font-family:Raleway\df,sans-serif;line-height:1.75;text-align:center;color:#4e392d;font-weight:400}@media only screen and (min-width: 800px){.project-page h3{font-size:unset}}.project-page video{margin-bottom:15px}.css-xeqldi:before{background:linear-gradient(160deg,rgba(252,181,181,.664),rgba(78,57,45,.541))}.MuiFormControl-root{font-family:Raleway,sans-serif}.side-sheet-content button{box-shadow:0 0 10px #fcb5b5}.side-sheet-content button:hover{box-shadow:0 0 15px #4e392d}
