@import"https://fonts.googleapis.com/css2?family=Faster+One&family=Fasthand&family=Nothing+You+Could+Do&family=Permanent+Marker&family=Raleway:wght@200;500&family=Righteous&display=swap";.greeting-name-container{color:#2b2d2f;display:flex;flex-direction:column;justify-content:center;align-items:center}.greeting-name-container h1{color:#f5f5f5;background-color:#2b2d2f;padding:5px 20px;width:fit-content}.greeting-name-container h3{padding:0 20px;width:fit-content}.greeting-name-container p{padding:0 20px;max-width:500px;font-size:1.5rem}@media only screen and (max-width: 750px){.greeting-name-container p{padding:0 5px;font-size:1rem}}@media only screen and (max-width: 480px){.greeting-name-container p{padding:0 10px;margin:0}.greeting-name-container p{padding:0 20px;max-width:500px;font-size:1rem}}.greeting-page-container{width:100%;height:100%;padding-top:20%;display:flex;justify-content:space-around;align-items:center;gap:50px}.greeting-page-text{z-index:1;width:700px}.greeting-page-carousel-background{background-color:#b89685;width:800px;height:600px;position:relative;border-radius:10px}.greeting-page-carousel{width:800px;height:600px;position:absolute;left:-40px;top:-40px;border-radius:10px}@media only screen and (max-width: 1450px){.greeting-page-text{width:550px}.greeting-page-carousel-background,.carousel-placeholder{width:700px;height:500px}}@media only screen and (max-width: 1200px){.greeting-page-text{width:500px}.greeting-page-carousel-background{width:600px;height:400px;background-color:#b89685}.greeting-page-carousel{width:600px;height:400px}}@media only screen and (max-width: 1150px){.greeting-page-text{width:500px}.greeting-page-carousel-background{width:550px;height:350px;background-color:#b89685}.greeting-page-carousel{width:550px;height:350px}}@media only screen and (max-width: 950px){.greeting-page-text{width:350px}.greeting-page-carousel-background{width:450px;height:300px;background-color:#b89685}.greeting-page-carousel{width:450px;height:300px}}@media only screen and (max-width: 785px){.greeting-page-container{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center;padding-top:15%}.greeting-page-text{width:500px;display:flex;align-items:center;justify-content:center}.greeting-page-carousel-background{width:550px;height:350px}.greeting-page-carousel{width:550px;height:350px;top:0;left:0}}@media only screen and (max-width: 550px){.greeting-page-container{gap:15%}.greeting-page-text{width:500px}.greeting-page-carousel-background{width:450px;height:250px;background-color:#f5f5f5}.greeting-page-carousel{width:450px;height:250px}}@media only screen and (max-width: 480px){.greeting-page-text{width:450px}.greeting-page-carousel-background{width:95vw}.greeting-page-carousel{width:95vw;height:200px}}.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:800px;height:600px}.carousel img{object-fit:cover}.slide{border-radius:.5rem;box-shadow:0 0 7px #2b2d2f;width:100%;height:100%}.slide-hidden{display:none}.arrow{position:absolute;filter:drop-shadow(0px 0px 5px #555);width:2rem;height:2rem;color:#fff}.arrow:hover{cursor:pointer}.arrow-left{left:1rem}.arrow-right{right:1rem}.indicators{display:flex;position:absolute;bottom:1rem}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:gray}@media only screen and (max-width: 1450px){.carousel{width:700px;height:500px}.arrow{width:1.5rem;height:1.5rem}}@media only screen and (max-width: 1200px){.carousel{width:600px;height:400px}.arrow{width:1.25rem;height:1.25rem}}@media only screen and (max-width: 1150px){.carousel{width:550px;height:350px}.arrow{width:1.2rem;height:1.2rem}}@media only screen and (max-width: 950px){.carousel{width:450px;height:300px}.arrow{width:1rem;height:1rem}}@media only screen and (max-width: 785px){.carousel{width:550px;height:350px}.arrow{width:1rem;height:1rem}}@media only screen and (max-width: 550px){.carousel{width:450px;height:300px}.arrow{width:.75rem;height:.75rem}}@media only screen and (max-width: 480px){.carousel{width:95vw;height:35vh}.arrow{width:.7rem;height:.7rem}.indicator{height:.2rem;width:.2rem}}@media only screen and (max-width: 394px){.carousel{width:95vw;height:35vh}.arrow{width:.7rem;height:.7rem}.indicator,.indicator-inactive{height:.7rem;width:.7rem}}.contact-container{display:flex;justify-content:space-around;align-items:center;flex-direction:row-reverse;height:100%;width:100dvw}.about-img-container{width:425px;height:525px;position:relative;background-color:#a4cbcb;border-radius:10px;margin-right:5%}.about-img{width:425px;height:525px;border-radius:10px;position:absolute;bottom:-40px;left:-40px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;margin-right:5%}.about-info h3{background-color:#2b2d2f;color:#f5f5f5;padding:0 20px;margin-bottom:25px;width:fit-content;max-width:500px}.about-info{line-height:1.6;color:#2b2d2f;margin-left:5%;max-width:850px}.me p{padding:0 20px;max-width:850px;margin-right:50px;margin-bottom:25px}.button-container{margin-bottom:30px;display:flex;width:400px;padding:0 20px}.resume-button,.linkdin-button{background-color:#f5f5f5;color:#2b2d2f;border:1px solid #2B2D2F;margin-right:25px;transition:1s;cursor:pointer}.email-button{margin-right:25px;background-color:#f5f5f5;color:#2b2d2f;border:1px solid #2B2D2F;transition:1s;cursor:pointer}.resume-button:hover{color:#a4cbcb;background-color:#2b2d2f}.linkdin-button:hover{color:#93b6dc;background-color:#2b2d2f;transform:scale(1.2)}.email-button:hover{color:#b89685;background-color:#2b2d2f;transform:scale(1.2)}@media only screen and (max-width: 1450px){.about-img-container,.about-img{width:375px;height:475px}.about-info,.me p{max-width:800px}}@media only screen and (max-width: 1200px){.about-info h3{margin-bottom:20px}.about-img-container,.about-img{width:350px;height:450px}}@media only screen and (max-width: 1150px){.about-info h3{margin-bottom:15px}.about-img-container,.about-img{width:325px;height:425px}}@media only screen and (max-width: 950px){.about-info h3{margin-bottom:15px}.about-img-container,.about-img{width:300px;height:400px}}@media only screen and (max-width: 785px){.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100%;padding-top:25px}.about-img-container{padding:0;margin-left:0;margin-right:0;margin-bottom:20px;height:450px;width:350px}.about-img{width:100%;height:100%;bottom:0;left:0;padding:0;margin:0}.about-info{width:95dvw;line-height:1.6;display:flex;flex-direction:column;align-items:center;padding:5px}.contact-container h3{margin-bottom:50px;width:fit-content}.about-img{width:325px;height:425px}.me p{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;margin:0}.button-container{display:flex;justify-content:center;align-items:center;margin-bottom:25px}}@media only screen and (max-width: 550px){.contact-container{padding-top:25px}.contact-container h3{margin-bottom:50px;width:fit-content}.about-info{width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6;margin:0}.about-img-container{width:325px;height:425px;margin-bottom:20px;border-radius:50%}.about-img{width:325px;height:425px;bottom:0;left:0}.me p{width:90dvw}.button-container{display:flex;justify-content:center;align-items:center;margin-bottom:25px}}@media only screen and (max-width: 480px){.contact-container h3{margin-bottom:50px;width:fit-content}.me p{width:95dvw}}@media only screen and (max-width: 394px){.contact-container h3{width:fit-content;margin-bottom:25px}.resume-button,.email-button,.linkdin-button{font-size:.75rem}}nav{display:flex;justify-content:space-between;align-items:center;width:100dvw;z-index:2;padding:15px;background-color:#2b2d2f;color:#fff}nav ul{text-decoration:none;display:flex;font-size:24px}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;padding:10px;margin:0 10px;text-transform:uppercase;color:#f5f5f5;transition:transform .3s}nav ul li a:hover{transform:scale(1.3);background-color:#f5f5f500}.nav-icon{margin-right:10px;width:50px;height:50px;animation:turn 15s linear infinite;-webkit-animation:spin 15s linear infinite;-moz-animation:spin 15s linear infinite;-o-animation:spin 15s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.logo{display:flex;align-items:center;font-weight:100;color:#f5f5f5;text-decoration:none;animation:turn 15s linear infinite}nav .menu{display:none;position:absolute;top:20px;right:15px;flex-direction:column;justify-content:space-between;width:40px;height:35px;cursor:pointer}nav .menu span{height:3px;width:90%;background-color:#f5f5f5;border-radius:.2rem}@media only screen and (max-width: 1150px){.logo h5{font-size:1rem}nav ul{font-size:.8rem}nav ul li a{font-size:.8rem}}@media only screen and (max-width: 785px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100dvw;margin-bottom:10px}nav ul.open{display:flex;padding-left:10px;transition:.5s}nav ul li{width:100dvw;text-align:center}nav ul li a{margin:5px 10px}.logo h5{font-size:.75rem}nav ul{font-size:.65rem}nav ul li a{font-size:.65rem}}@media only screen and (max-width: 394px){nav ul{font-size:.5rem}nav ul li a{font-size:.5rem}}.social-container{display:flex}.social-img{padding:5px;height:40px;width:40px}#linkedin{color:#0e76a8}#github{color:#6e5494}#email{color:#c71610}.showroom-container{padding-top:15%}.card-container{width:420px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2b2d2f;transition:1s;border:solid 1px #2B2D2F;border-radius:10px;margin-bottom:10px}.card-invite{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:1s;border-radius:10px;border:none}.card-invite:hover{cursor:pointer;background-color:#2b2d2f;border:none;border-radius:10px;color:#b89685}.card-text{background-color:#2b2d2f;color:#f5f5f5;height:100%;width:100%;display:flex;justify-content:space-evenly;align-self:center}.card-text a{color:#93b6dc}.card-text h4{color:#2b2d2f}.card-text p{display:flex;align-items:center;justify-content:center;color:#b89685}#webpage{color:#a4cbcb}.card-button-container{display:flex;justify-content:space-between;margin-top:5px}.card-button{display:flex;align-items:center;justify-self:center;text-decoration:none;font-weight:400;border-radius:10px;color:#2b2d2f;cursor:pointer;padding:5px 15px}.close{cursor:pointer;transition:transform .3s}.card-img{width:100px;height:100px}@media only screen and (max-width: 480px){.card-container{height:60px;width:95dvw}.card-text{display:flex;justify-content:space-evenly;align-self:center}.card-button{padding:5px}}.project-page-container{width:100dvw;display:flex;justify-content:space-around;align-items:flex-start;padding:20px}.skills-container{width:300px}.skills-container h3{margin-bottom:20px;color:#fff;background-color:#2b2d2f;padding:10px 20px;width:fit-content;max-width:350px}.project-content{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;align-items:flex-start}.project-content h3{margin-bottom:20px;color:#fff;background-color:#2b2d2f;padding:10px 20px;width:fit-content;max-width:600px}.solo-list,.collab-list{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.collab-container{width:420px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2b2d2f;transition:1s;border:solid 1px #2B2D2F;border-radius:10px;margin-bottom:10px}@media only screen and (max-width: 785px){.project-page-container{width:100dvw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:10px 20px}.skills-container{width:100dvw;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.skills-container h3{width:fit-content;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media only screen and (max-width: 392px){.project-content,.collab-list{margin-bottom:30px}.collab-container{width:90%;height:60px}}.skills-wrap-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.skill{display:flex;align-items:center;justify-content:center;position:relative;background-color:#f5f5f5;color:#2b2d2f;width:100px;height:100px;border-radius:10px;border:1px solid #2B2D2F;cursor:pointer}.icon{height:50px;width:50px;animation:float 3s ease-in-out infinite}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;border-radius:10px}.skill:hover .flipper{transform:rotateY(180deg);border-radius:10px}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px}.front{background-color:#f5f5f5}.back{background-color:#2b2d2f;transform:rotateY(180deg)}.icon{color:#2b2d2f;animation:float 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}}#javascript{color:#f5e44e}#react{color:#57a1e6}#html{color:#d14f4f}#css{color:#4343be}#node{color:#619961}#github{color:#865a9b}#express{color:#fb0}#mongo{color:#3e653e}@media only screen and (max-width: 785px){.skills-wrap-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:80vw;max-width:500px}.skill{width:80px;height:80px}}.footer{width:100dvw;height:80px;background-color:#2b2d2f;color:#f5f5f5;display:flex;justify-content:center;align-items:center}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Raleway,sans-serif;scroll-behavior:smooth;font-weight:100;background-color:#f5f5f5;font-size:24px}.site-wrapper{width:100dvw;height:100%}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9rem}h4{font-size:1.5rem;font-weight:300}h5{font-size:1.25rem;font-weight:300}p{font-size:.85rem;font-weight:300}li{text-decoration:none;list-style:none;font-size:1rem}hr{border-color:#000;background-color:#000}button{padding:10px;border:none;font-size:1rem;border-radius:15px;font-weight:300}a{font-size:.85rem;font-weight:300}@media only screen and (max-width: 1450px){h1{font-size:2.6rem}h2{font-size:2.25rem}h3{font-size:1.8rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p,a{font-size:.825rem;font-weight:300}}@media only screen and (max-width: 1250px){h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.5rem}h5{font-size:1.3rem}p,a{font-size:.8rem;font-weight:300}}@media only screen and (max-width: 1150px){h1{font-size:2rem}h2{font-size:1.9rem}h3{font-size:1.35rem}h4{font-size:1.3rem}h5{font-size:1.25rem}p,a{font-size:.75rem;font-weight:300}}@media only screen and (max-width: 950px){h1{font-size:1.4rem}h2{font-size:1.8rem}h3{font-size:1rem}h4{font-size:.85rem}h5{font-size:.75rem}p,a{font-size:.7rem;font-weight:300}}@media only screen and (max-width: 785px){h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.5rem}h5{font-size:1rem}p,a{font-size:.9rem;font-weight:300}}@media only screen and (max-width: 550px){h1{font-size:1.8rem}h2{font-size:1.9rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p,a{font-size:.8rem;font-weight:300}}@media only screen and (max-width: 450px){h1{font-size:1.9rem}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}p,a{font-size:.75rem;font-weight:300}}@media only screen and (max-width: 394px){h1{font-size:1.7rem}h2{font-size:1.5rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.75rem}p,a{font-size:.7rem;font-weight:300}}