.header{width:100%;padding:1rem 0;box-sizing:border-box}.header-container{width:80%;display:flex;justify-content:flex-start;align-items:center;gap:20px;margin:0 auto 20px}.header-photo{width:200px;border-radius:50%}.nav-bar{list-style:none;display:flex;justify-content:space-around}.nav-link{font-size:20px;text-decoration:none;color:#000;border-bottom:solid thin;padding:5px}.about-me-container,.project-page-container{padding-top:20px}.title{text-align:center;font-size:40px;margin-bottom:20px}.text-container{position:relative;height:2rem;overflow:hidden;width:100%}.text{position:absolute;width:100%;text-align:center;opacity:0}.visible{opacity:1}.divider{color:#000;border:none;border-top:solid 2px black;width:80%;margin:10px auto}.about-me-body{display:flex;flex-direction:column;gap:20px;align-items:center;padding-bottom:10px}.about-me-text{font-size:20px;width:80%;text-align:flex-start}.projects-container{padding:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-body{min-height:300px;width:100%;display:flex;justify-content:space-around;align-items:center;padding:20px}.project-list{display:flex;flex-direction:column;gap:5px;list-style-type:none;flex:0 1 45%;justify-content:center;align-items:center}.project-image{flex:0 1 45%;display:flex;justify-content:flex-start;align-items:center}.project-list-item{font-size:20px;font-weight:600}.project-text-container{position:relative;overflow:hidden;width:100%;display:flex;flex:1}.project-text{position:absolute;width:100%;text-align:center;justify-content:center;opacity:0;gap:20px;display:flex}.project-text-visible{opacity:1}.project-image-file{width:200px}.project-description-header{font-size:20px;font-weight:600;text-align:center}.rotating-project-image{width:200px}.project-stuff{align-content:center}.home-carousel-container{position:relative;overflow:visible;width:80%;height:500px;margin:0 auto;display:flex;justify-content:center;align-items:center}.home-carousel-inner{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.home-project-headline{text-align:center}.home-carousel-item{flex:0 0 100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;height:100%;border:1px solid hsl(0,0%,4%);border-radius:10px;box-shadow:8px 10px 8px #00000080;background-color:#fff}.project-carousel-title,.project-carousel-description{margin-bottom:8px}.home-carousel-image-container{width:100%;height:100%;text-align:center;justify-content:center;overflow:hidden;padding:10px}.home-carousel-image{max-height:100%;max-width:100%;cursor:pointer;object-fit:contain}.home-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#000;border:none;padding:10px;cursor:pointer;font-size:24px;z-index:1;background:transparent}.home-arrow.prev{left:0}.home-arrow.next{right:0}.carousel-container{position:relative;width:80%;height:500px;margin:0 auto;overflow:visible;display:flex;justify-content:center;align-items:center;background-color:#fff}.carousel-inner{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.carousel-item{flex:0 0 100%;display:flex;border:1px solid;justify-content:center;align-items:center;height:100%;overflow:hidden}.carousel-image{max-width:100%;max-height:100%;cursor:pointer;object-fit:cover;border-radius:10px}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;font-size:2rem;color:#000;cursor:pointer;z-index:1;padding:0 10px}.arrow.prev{left:0}.arrow.next{right:0}.projects-page{width:100%;padding:1rem 0;box-sizing:border-box}.projects-page-container{width:85%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;margin:0 auto 20px}.project-page-project{display:flex;flex-wrap:wrap;width:100vw;max-width:100%;border:solid 2px;border-radius:8px;padding:1.5vw;gap:10px;box-shadow:8px 10px 8px #00000080;overflow:hidden}.project-page-image-container{flex:0 0 auto}.project-title{margin-bottom:10px}.project-page-image{width:200px}.project-page-body{display:flex;flex-direction:column;flex-grow:1}.project-description{flex-grow:1}.learn-more{margin-left:auto;text-align:right;align-self:flex-end;padding:10px;white-space:nowrap}.single-project-page{width:100%;padding:1rem 0;box-sizing:border-box}.single-project-image{width:400px;border-radius:10px}.github-logo{width:70px}.single-project-container{width:80%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;margin:0 auto 20px}.project-view{display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}.live-link{font-size:24px}.project-long-description{font-size:18px;font-family:Georgia,Times New Roman,Times,serif}.extra-image{width:500px;border-radius:10px}.form-container{max-width:600px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center}.form-container form{display:flex;flex-direction:column;align-items:center;width:100%}.form-container input,.form-container textarea{border:2px solid #040506;border-radius:.375rem;padding:.5rem;margin:.75rem;font-size:1rem;width:100%;box-sizing:border-box;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.form-container textarea{height:200px;width:400px}.form-container button{border:1px solid #050608;border-radius:.375rem;padding:.5rem;margin:.75rem;font-size:1rem;cursor:pointer;width:auto;color:#fff;background:#101010}.form-container p{text-align:center;font-size:1rem;color:#000}.form-container input::placeholder,.form-container textarea::placeholder{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:.875rem;color:#6b7280}.name-container,.subject-container,.message-container{display:flex}.contact-socials{display:flex;justify-content:center;gap:10px}.contact-linkedin,.contact-github{width:80px}.tech-stack{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.project-tech-icon{width:50px;height:50px;object-fit:contain;flex-shrink:0}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.modal-content{position:relative;width:80%;max-width:800px;margin:auto;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 5px 15px #0000004d}.close{position:absolute;top:10px;right:25px;color:#000;font-size:35px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:red;text-decoration:none;cursor:pointer}.modal-image{width:100%;height:auto;border-radius:10px}.project-top-line{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}html,body{width:100%;height:100%;margin:0;padding:0}body{min-width:320px;min-height:100vh;padding-top:20px;background-color:#f5f2f2;background-image:linear-gradient(to right,#f5f2f2,#dcd6d6)}