@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap);body{margin:0}.home_page,body{background-color:#fde2f3}.home_page{background-image:url(/static/media/mainbg.a3266a1441cb6dd715b9.webp);background-position:50%;height:1080px;position:relative}.home_page:before{background-color:hsla(0,0%,5%,.89);border-radius:0 0 60px 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.home_page .landpage-content{color:#fde2f3;display:flex;height:100%;justify-content:center;margin-top:250px;position:relative}.home_page .landpage-content .landpage-text{transition:.3s ease;width:55%;z-index:9}@media screen and (max-width:576px){.home_page .landpage-content .landpage-text{width:70%}}.home_page .landpage-content .landpage-text .landpage-headers h1{font-family:Montez-Regular;font-size:45px}.home_page .landpage-content .landpage-text .landpage-headers h1 .my-craft{color:#fde2f3;text-decoration:none;transition:.5s ease}.home_page .landpage-content .landpage-text .landpage-headers h1 .my-craft:hover{color:#b43f3f}.home_page .landpage-content .landpage-text .landpage-texts{line-height:.6}.home_page .landpage-content .landpage-text .landpage-texts .page-header{color:#b43f3f;font-family:Fredoka,sans-serif;font-size:20px;font-weight:400;margin:0}.home_page .landpage-content .landpage-text .landpage-texts p{font-family:Fredoka,sans-serif;font-size:14px;line-height:1.5;max-width:50ch}.home_page .landpage-content .landpage-text .socials-div{align-items:center;display:flex}.home_page .landpage-content .landpage-text .socials-div a{border:1px solid #fde2f3;border-radius:50%;color:#fde2f3;display:flex;font-size:18px;justify-content:center;margin-right:10px;padding:10px;text-decoration:none;transition:.3s ease}.home_page .landpage-content .landpage-text .socials-div a:hover{border:1px solid #b43f3f;color:#b43f3f}.home_page .landpage-content .landpage-text .socials-div .circle{background-color:red;border-radius:50%;height:40px;margin-right:10px;overflow:hidden;position:relative;width:40px}.home_page .landpage-content .landpage-text .socials-div .circle img{height:auto;width:100%}.catch-phrase{align-items:center;background-color:#fde2f3;display:flex;font-family:Montez-Regular;font-size:35px;height:150px;justify-content:center;position:relative;text-align:center}@media screen and (max-width:576px){.catch-phrase p{font-size:25px;max-width:30ch}}.about-container{align-items:center;background:#000;border-radius:10px 0 10px 0;display:flex;flex-direction:column;justify-content:center;padding:20px}.about-container .about-content{align-items:center;display:flex;margin:30px 0;max-width:750px}@media screen and (max-width:576px){.about-container .about-content{flex-wrap:wrap;padding:20px}}.about-container .about-content .about-text{color:#fde2f3;font-family:Fredoka,sans-serif}.about-container .about-content .about-text h5{color:#b43f3f;font-family:Fredoka,sans-serif;font-size:18px;font-weight:400;height:auto}.about-container .about-content .about-text p{font-size:14px;line-height:1.5;max-width:70ch}.about-container .about-content .about-image{border-radius:50%;text-align:center;width:100%}.about-container .about-content .about-image img{border:2px solid #b43f3f;border-radius:50%;width:200px}.about-container .skills-section{max-width:750px;text-align:center;z-index:0}.about-container .skills-section .skills-header h5{color:#b43f3f;font-family:Fredoka,sans-serif;font-size:18px;font-weight:400}.about-container .skills-section .skills-div{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:center;width:100%}.about-container .skills-section .skills-div p{border:1px solid #fde2f3;color:#fde2f3;font-family:Fredoka,sans-serif;font-size:14px;padding:10px}.projects-div{background-color:#000;padding-bottom:100px;position:relative}.projects-div .projects-container{width:100%}.projects-div .projects-container .projects-content{margin:0 auto;width:750px}@media screen and (max-width:768px){.projects-div .projects-container .projects-content{display:flex;flex-direction:column;justify-content:center;width:350px}}.projects-div .projects-container .projects-content h5{align-items:center;display:flex;font-family:Montez-Regular;font-weight:400;height:auto;padding:10px 0;text-align:center;width:150px}.projects-div .projects-container .projects-content .projects-grid{grid-column-gap:1em;grid-row-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(2,1fr);row-gap:1em}@media screen and (max-width:768px){.projects-div .projects-container .projects-content .projects-grid{grid-template-columns:1fr;margin:0 auto}}.projects-div .projects-container .projects-content .projects-grid .grid-items{background-color:#fde2f3;color:#000;overflow:hidden;position:relative;text-decoration:none}@media screen and (max-width:992px){.projects-div .projects-container .projects-content .projects-grid .grid-items{width:350px}}.projects-div .projects-container .projects-content .projects-grid .grid-items img{width:100%}.projects-div .projects-container .projects-content .projects-grid .grid-items:before{background-color:#917fb3e8;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:1}.projects-div .projects-container .projects-content .projects-grid .grid-items:hover:before{height:100%}.projects-div .projects-container .projects-content .projects-grid .grid-items h4{color:#fde2f3;font-family:Fredoka,sans-serif;font-size:16px;font-weight:400;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .4s ease;z-index:2}.projects-div .projects-container .projects-content .projects-grid .grid-items:hover h4{opacity:1}.projects-div .projects-container .projects-content .projects-grid .grid-items .project-info h5{font-size:16px;font-weight:700;margin:0;padding:10px;width:100%}.projects-div .projects-container .projects-content .projects-grid .grid-items .project-info p{font-family:Fredoka,sans-serif;font-size:14px;margin:0;padding:0 10px 10px}.designs-page{background-color:#000}.designs-page .designs-container{width:100%}.designs-page .designs-container .logos{margin:0 auto;width:75%}.designs-page .designs-container .logos .design-titles{color:#fde2f3;font-family:Fredoka,sans-serif}@media screen and (max-width:768px){.designs-page .designs-container .logos{display:flex;flex-direction:column;justify-content:center;width:350px}}.designs-page .designs-container .logos h5{align-items:center;display:flex;font-family:Montez-Regular;font-weight:400;height:auto;padding:10px 0;text-align:center;width:150px}.designs-page .designs-container .logos .logos-grid{grid-column-gap:1em;grid-row-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));row-gap:1em}.grid-items{background-color:#fde2f3;border:2px solid #fde2f3;overflow:hidden;position:relative;text-decoration:none;transition:.4s ease}@media screen and (max-width:992px){.grid-items{width:350px}}.grid-items:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.grid-items img{max-height:250px;opacity:1;transition:opacity .3s ease-in-out;width:100%}.grid-items img.fade{opacity:0}.grid-items .logo-info h5{color:#000;font-size:20px;font-weight:700;margin:0;padding:10px;width:100%}.footer-hr{width:80%}@font-face{font-family:Rockybilly;src:url(/static/media/Rockybilly.028655494c60619766ff.ttf) format("truetype")}@font-face{font-family:Montez-Regular;src:url(/static/media/Montez-Regular.0bc8cc1107ff62e72441.ttf) format("truetype")}@-webkit-keyframes rotate3d{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotate3d{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.main-nav{display:flex;height:10vh;justify-content:center;position:relative;text-align:center;width:100%}.main-nav .nav-links{display:flex;height:100%;justify-content:space-between;width:75%}.main-nav .nav-links .left-nav-bar{align-items:center;color:#fde2f3;display:flex}.main-nav .nav-links .left-nav-bar h3{font-family:Montez-Regular}.main-nav .nav-links .left-nav-bar img{width:25px}.main-nav .nav-links .page-links{align-items:center;display:flex;height:100%}.main-nav .nav-links .page-links .main-links{border:1px solid #fde2f3;color:#fde2f3;font-family:Fredoka,sans-serif;font-size:14px;margin-right:10px;padding:10px;position:relative;text-decoration:none;transition:.3s ease;z-index:2}.main-nav .nav-links .page-links .main-links:before{background-color:#fde2f3;bottom:0;color:#000;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:-1}.main-nav .nav-links .page-links .main-links:hover:before{height:100%}.main-nav .nav-links .page-links .main-links:hover{border:1px solid #917fb3;color:#000}.resume-div button{background:none;border:1px solid #fde2f3;color:#fde2f3;cursor:pointer;font-size:14px;margin-right:10px;overflow:hidden;padding:10px;position:relative;transition:.4s ease;z-index:2}.resume-div button:before{background-color:#fde2f3;bottom:0;color:#000;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:-1}.resume-div button:hover:before{height:100%}.resume-div button:hover{border:1px solid #917fb3}.resume-div button .email-link{text-decoration:none}.resume-div button:hover{color:#000}.resume-div .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.resume-div .overlay .popup{border:none;border-radius:5px;height:70%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;z-index:1000}@media (max-width:576px){.resume-div .overlay .popup{height:50%;width:70%}}.projects-container .projects-content{margin:100px auto;width:750px}@media screen and (max-width:576px){.projects-container .projects-content{display:flex;flex-direction:column;justify-content:center;width:300px}}.projects-container .projects-content h5{align-items:center;color:#b43f3f;display:flex;font-family:Fredoka,sans-serif;font-size:18px;font-weight:400;height:auto;padding:10px 0;text-align:center}.projects-container .projects-content .projects-grid{grid-column-gap:5px;grid-row-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5px}@media screen and (max-width:576px){.projects-container .projects-content .projects-grid{grid-template-columns:1fr;margin:0 auto}}.projects-container .projects-content .projects-grid .grid-item{background-color:#fde2f3;max-width:400px;overflow:hidden;position:relative;text-decoration:none}@media screen and (max-width:350px){.projects-container .projects-content .projects-grid .grid-item{max-width:300px}}.projects-container .projects-content .projects-grid .grid-item img{width:100%}.projects-container .projects-content .projects-grid .grid-item:before{background-color:#917fb3e8;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:1}.projects-container .projects-content .projects-grid .grid-item:hover:before{height:100%}.projects-container .projects-content .projects-grid .grid-item h4{color:#fde2f3;font-family:Fredoka,sans-serif;font-size:16px;font-weight:400;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .4s ease;z-index:2}.projects-container .projects-content .projects-grid .grid-item:hover h4{opacity:1}.projects-container .projects-content .projects-grid .grid-item .project-info h5{font-size:16px;font-weight:700;margin:0;padding:10px;width:100%}.projects-container .projects-content .projects-grid .grid-item .project-info p{font-family:Fredoka,sans-serif;font-size:14px;margin:0;padding:0 10px 10px}.projects-container .projects-content .more-projects-container{display:flex;justify-content:center;margin:30px 0;width:100%}.projects-container .projects-content .more-projects-container .projects-link{align-items:center;border:1px solid #000;color:#000;display:flex;font-family:Fredoka,sans-serif;font-size:14px;height:auto;padding:10px;position:relative;text-decoration:none;transition:.4s ease}.projects-container .projects-content .more-projects-container .projects-link:before{background-color:#917fb3;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:-1}.projects-container .projects-content .more-projects-container .projects-link:hover:before{height:100%}.projects-container .projects-content .more-projects-container .projects-link:hover{border:1px solid #917fb3;color:#fde2f3}.loading{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center;z-index:9}.dock{background:#b43f3f;border-radius:10px;bottom:1%;left:50%;opacity:0;padding:10px;position:fixed;-webkit-transform:translateX(-50%) translateY(50px);transform:translateX(-50%) translateY(50px);transition:.3s ease-in-out;z-index:10}.dock.show-dock{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.dock.fade-dock{opacity:0;-webkit-transform:translateX(-50%) translateY(50px);transform:translateX(-50%) translateY(50px)}.dock .icons i{font-size:18px;margin:0 5px}.dock .icons i a{color:#fde2f3;transition:.3s ease-in-out}.dock .icons i a:hover{color:#917fb3}.footer-div{border-radius:10px 0;color:#fde2f3;font-family:Fredoka,sans-serif;height:60px;overflow:hidden;position:relative;text-align:center}.footer-div .background-fill{background:#000;height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%) scaleY(0);transform:translateX(-50%) scaleY(0);-webkit-transform-origin:top center;transform-origin:top center;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:100%;z-index:-1}.footer-div.footer-visible .background-fill{-webkit-transform:translateX(-50%) scaleY(1);transform:translateX(-50%) scaleY(1)}.footer-div .footer-hr{border:none;border-top:1px solid #fff;width:400px}@media screen and (max-width:576px){.footer-div .footer-hr{width:300px}}.footer-div .icons{display:flex;justify-content:center;margin-top:20px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.footer-div .icons.show-icons{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.footer-div .icons i{font-size:20px;margin:0 10px}.footer-div .icons i a{color:#fde2f3;text-decoration:none}.footer-div .icons i a:hover{color:#917fb3}.footer-div.footer-visible{padding-bottom:60px}
/*# sourceMappingURL=main.0fe60537.css.map*/