@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@300;400;500;600;700;800;900&display=swap";html,body{margin:0;padding:0;box-sizing:border-box;width:100%;scroll-behavior:auto;overflow-x:hidden;font-family:Orbitron,sans-serif}.page{position:relative;width:100%}header.header{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;justify-content:space-between;align-items:top;background-color:#ffffff34;transform:translateY(-15px);animation:fadeInUp .6s ease-out forwards}.compname{position:static;margin-left:10%;margin-top:.4rem;padding-right:5%;font-size:1.5rem;font-weight:500;color:#000;text-decoration:underline;transition:color .2s ease,transform .2s ease;cursor:pointer}.nav{position:relative;margin-right:4rem;margin-top:1rem}.links{position:static;margin-right:.2rem;font-size:1rem;color:#597271;text-decoration:none;transition:color .2s ease,transform .2s ease}.links:hover{color:#da1414}.main{display:flex;flex-direction:column;margin-top:3rem;margin-left:0rem;padding:0rem;min-height:100vh;max-height:auto;background:linear-gradient(180deg,#fff 0% 70%,#57c7b4 96%,#488582);background-repeat:no-repeat;background-size:100%}.maintext{margin-left:2rem;font-size:1.2rem;font-weight:700;color:#425a51}.content-container{display:flex;flex-direction:row;align-items:center;background-color:#f000;padding:1rem;gap:1rem}.content{display:flex;flex-wrap:wrap;justify-items:center;background-color:#96969698;border-radius:2rem;padding:1rem;gap:1rem;height:auto;flex:0 auto auto;border-style:double}.bookingbtn{display:flex;flex-direction:column;font-size:clamp(.5rem,1vw + 1rem,1.5rem);color:#fff;text-decoration:underline}.bookingtext{display:flex;flex-direction:column;color:#000}.about-container{padding:0rem 2rem;background-color:#000;border-style:groove}.about-text{font-size:1rem;color:#fff}.about-text-1{font-size:1.3rem;color:#fff}.contact-card{display:flex;flex-direction:column;justify-content:center;background:#000;border-radius:1.5rem;padding:1rem;width:4rem;height:3rem;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;color:#fff;text-decoration:none}.contact-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #00000026}.footer{display:flex;flex-direction:column;position:relative;padding:.5rem;background:#488582;color:#fff;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto;width:auto;font-size:.9rem}.left,.right{display:flex;flex-direction:column;padding:1rem}.footer-bottom{align-self:center;font-size:.7rem;position:absolute;bottom:.5rem}.footertext{color:#fff;text-decoration:underline}.footerlink{padding-top:2rem;text-decoration:none;color:#fff}.project-card-container{display:flex;flex-direction:column;gap:2rem}.project-card-row::-webkit-scrollbar{display:none}.project-card-row{display:flex;flex-direction:row;gap:.4rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:.5rem}.profile-picture{border-style:solid;border-color:#000}.project-card{flex-direction:row;background:#fff;border-radius:12px;padding:1rem;margin:.5rem;min-width:11rem;max-width:12rem;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #00000026}.card-title{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;color:#333}.card-description{font-size:1rem;color:#555;margin-bottom:1.2rem;flex-grow:1}.live-link{display:inline-block;padding:.6rem 1rem;margin-bottom:.2rem;background-color:#1edab1;color:#fff;border-radius:1.3rem;text-decoration:none;font-weight:500;transition:background-color .25s ease,transform .1s ease}.repo-link{display:inline-block;padding:.6rem 1rem;margin-bottom:.2rem;background-color:#769489;color:#fff;border-radius:1.3rem;text-decoration:none;font-weight:500;transition:background-color .25s ease,transform .1s ease}.card-view{align-self:flex-end;background-color:#4ae7b3;max-width:5rem;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .25s ease,transform .1s ease}.card-link:hover{background-color:#169b7a;transform:translateY(-2px)}.card-view:hover{background-color:#38c7a3;transform:translateY(-2px)}.project-card{opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards ease-out}@media(max-width:768px){.main{padding:1rem}.content-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.content{justify-content:center;gap:4rem;flex:auto 0 auto}.contact-card{align-self:center}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.typing-container{display:flex;align-items:center;font-family:Orbitron,sans-serif;font-size:3rem;cursor:default}.dynamic-text{position:relative;display:inline-block;overflow:hidden}.word{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;border-right:3px solid orange}.word1{animation:type1 6s steps(8,end) infinite}.word2{animation:type2 3.5s steps(5,end) infinite;animation-delay:6s}.word3{animation:type3 4s steps(6,end) infinite;animation-delay:9.5s}.word4{animation:type4 3.5s steps(5,end) infinite;animation-delay:13.5s}.cursor{color:#29eeda}@keyframes type1{0%,15%{width:0ch}30%,65%{width:8ch}80%,to{width:0ch}}@keyframes type2{0%,15%{width:0ch}30%,65%{width:5ch}80%,to{width:0ch}}@keyframes type3{0%,15%{width:0ch}30%,65%{width:6ch}80%,to{width:0ch}}@keyframes type4{0%,15%{width:0ch}30%,65%{width:5ch}80%,to{width:0ch}}.word:after{content:"";display:inline-block;width:.1ch;animation:blink .7s step-end infinite}@keyframes blink{50%{border-color:transparent}}.pat-main{display:flex;flex-direction:column;margin-top:3rem;margin-left:0rem;padding:0rem;min-height:100vh;max-height:auto;background:linear-gradient(180deg,#fff 0% 70%,#57c7b4 96%,#488582);background-repeat:no-repeat;background-size:100%;font-family:Arial,Helvetica,sans-serif}.pat-title{margin-left:2rem;font-size:2.5rem;font-weight:700;color:#fff}.pat-container-c{padding:0rem 2rem;background-color:#0000}.pat-container-b{padding:3rem 2rem;background-color:#000}.pat-header{margin-top:28px;margin-bottom:8px;font-size:1.2rem;font-weight:600;color:#fff}.pat-header-b{margin-top:28px;margin-bottom:8px;font-size:1.2rem;font-weight:600;color:#000}.pat-text-b{color:#a3a3a3}.pat-text-w{color:#fff}