body{margin:0;padding:0}.test-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-color:#202020}.animation-background{width:50%}header{position:fixed;left:0;top:0;z-index:1000;height:100%;margin-left:1rem;display:flex;flex-direction:column;height:auto;justify-items:center;margin-top:18%;justify-content:center;background-color:#241630af;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;border-radius:16px}.navbarHeader{display:flex;flex-direction:column;align-items:flex-start;padding:20px}.navlink-custom{margin-bottom:10px}.navlink-custom{text-decoration:none;font-size:25px;padding-top:1rem;padding-bottom:1rem;color:#f5f5f5}.navbarHeader{width:30%;display:flex;justify-content:space-around}.navlink-custom:hover{color:#009087}.homeMainContent{display:flex;flex-direction:column;justify-content:center;height:100vh;overflow-y:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.round-background-home{position:absolute;width:130vw;height:200rem;border-radius:50%;background-color:#6930c3;top:1rem;left:-50rem;z-index:-1;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.round-background-home2{position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fff;top:100px;right:50px;z-index:2;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.round-background-home3{position:absolute;width:60px;height:60px;border-radius:50%;background-color:#fff;top:200px;right:100px;z-index:2;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.round-background-home4{position:absolute;width:100px;height:100px;border-radius:50%;background-color:#fff;top:300px;right:150px;z-index:2;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.round-background-home5{position:absolute;width:500px;height:500px;border-radius:50%;background-color:#fff;top:500px;right:250px;z-index:-2;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.animation{width:40rem;filter:drop-shadow(0px 5px 10px #000000);pointer-events:none}.introduction-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:50rem;color:#f5f5f5;padding-left:26%;padding-top:15rem;position:absolute;text-align:left}.h1Animation{color:#f5f5f5;font-size:4em;text-align:left;padding-left:26%;margin-bottom:35rem;width:30%;position:absolute;text-shadow:0px 0px 10px #000000}.introduction-card p{color:#f5f5f5;font-size:1.5em;text-align:left;text-shadow:0px 0px 10px #000000}.introduction-card-social{display:flex;justify-content:space-between;width:40%;margin-top:70px;filter:drop-shadow(0px 5px 10px #000000)}.introduction-card-buttons{padding-top:30px;width:50%;display:flex;justify-content:space-between;filter:drop-shadow(0px 5px 10px #000000)}.introduction-card-button{display:inline-block;transition:all .2s ease-in;position:relative;overflow:hidden;z-index:1;color:#090909;padding:.7em 1.7em;cursor:pointer;font-size:18px;border-radius:.5em;background:#e8e8e8;border:1px solid #e8e8e8}.introduction-card-button:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.introduction-card-button:before{content:"";position:absolute;left:50%;transform:translate(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:#0000000d;border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:-1}.introduction-card-button:after{content:"";position:absolute;left:55%;transform:translate(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#009087;border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:-1}.introduction-card-button:hover{color:#fff;border:1px solid #009087}.introduction-card-button:hover:before{top:-35%;background-color:#009087;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.introduction-card-button:hover:after{top:-45%;background-color:#009087;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.aboutMeMainContent{display:flex;justify-content:center;align-items:center;height:110vh;overflow-y:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.about-me-card{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;padding:30px;width:50%;margin-left:50px;margin-right:50px;color:#f5f5f5;background-color:#56cfe1;z-index:2;border-radius:16px;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.background-aboutMe{width:100vw;height:15rem;background-color:#80ffdb;position:absolute;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.background-aboutMe2{background-color:#fff;position:absolute;border-radius:50%;width:80px;height:80px;right:400px;top:2800px;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.background-aboutMe3{background-color:#fff;position:absolute;border-radius:50%;width:20px;height:20px;right:300px;top:2900px;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.education-card{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:30px}.education-card div{width:60%;border-radius:16px;background-color:#f5f5f5;color:#000;box-shadow:#00000059 0 5px 15px}.education-card div:hover{width:60%;box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px}.education-card div h3,.education-card div p{margin-top:5px;margin-bottom:5px}.education-card div h4{margin-top:5px;margin-bottom:5px;font-weight:200}.images-card{display:flex;justify-content:space-around;width:100%;padding-top:30px;padding-bottom:30px;color:#f5f5f5;background-color:transparent}.images-container{display:flex;justify-content:center;align-items:center}.images-background{position:absolute;background-color:#80ffdb;width:100vw;height:60%;z-index:-1;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.images-grid-container{padding-top:30%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;height:60%;justify-items:stretch;align-items:stretch;grid-auto-flow:none;align-content:center;justify-content:center;padding-bottom:80px;padding-right:150px}.testi{padding-top:10px}.animationAndImages{display:flex;align-items:center;justify-content:center}.animationImages{width:50rem;filter:drop-shadow(0px 5px 10px #000000)}.animationAndText{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5f5f5;padding-right:10%;font-size:2.5em}#hiking,#chilling{width:40rem;grid-column:span 2;grid-row:span 1}.oneImage{width:20rem;background-position:center;border-radius:16px;transition:box-shadow .3s ease;transition:filter .3s ease;filter:grayscale(100%);object-fit:cover;box-shadow:#00000059 0 5px 15px}.oneImage:hover{box-shadow:#00000073 0 35px 40px,#00000040 0 75px 80px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;filter:none}.overlay{display:flex;flex-direction:column;position:absolute;text-align:center;left:50%;top:50%;margin-top:105vh;transform:translate(-50%,-50%);width:80%;height:50%;background:#000000bf;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.3);padding-left:10px;padding-right:10px;padding-top:10px}.overlay h1{color:#f5f5f5}.overlay h2{color:#f5f5f5;font-weight:500}.closeButtonContainer{display:flex;justify-content:flex-end;padding-bottom:5%}.projects-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.project-image{width:20rem;height:15rem;border-radius:16px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:background-color .3s;object-fit:cover}.projects-backround{background-color:#6930c3;position:absolute;border-radius:16px;width:80vw;height:70vh;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.projects-backround2{background-color:#fff;position:absolute;border-radius:50%;width:500px;height:500px;top:-20rem;left:-20rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.projects-backround3{background-color:#fff;position:absolute;border-radius:50%;width:800px;height:800px;bottom:-20rem;right:-2rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.animation-projects{width:250px;position:absolute;top:-10rem;right:-100px;transform:rotate(30deg);filter:drop-shadow(0px 5px 10px #000000)}.projects-backround4{background-color:#fff;position:absolute;border-radius:50%;width:100px;height:100px;top:-40rem;left:30rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.projects-backround5{background-color:#fff;position:absolute;border-radius:50%;width:60px;height:60px;top:-50rem;left:45rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;z-index:-1}.title_projects{color:#f5f5f5;display:flex;justify-content:center;align-items:center;grid-column:span 3;margin:50px;border:none;border-radius:16px;z-index:1;text-shadow:0px 0px 5px #000000}.project-image-container{position:relative}.project-image-container:hover .image-overlay{display:flex;text-align:center;text-decoration:none;background-color:#000;opacity:70%;box-shadow:#0000001f 0 -12px 30px;border-radius:16px;border:none}.image-overlay{position:absolute;top:0;left:0;width:100%;height:99%;color:#fff;display:none;justify-content:center;align-items:center;background-color:transparent;border:none}.image-overlay p{font-size:3em;font-weight:700}.image-overlay-text{font-size:1.5rem}.projects-backround{display:flex;justify-content:center;align-items:center}.contactForm{display:flex;flex-direction:column;justify-content:left}.introduction-card-social2{display:flex;margin-left:3rem;gap:1rem;margin-top:2rem;filter:drop-shadow(0px 5px 10px #000000)}.form_input{width:60rem;height:1.8rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;border-radius:10px;border:none;background-color:#56cfe1;padding-top:5px;padding-bottom:5px;padding-left:10px;color:#f5f5f5;font-size:.8em;text-align:left;text-shadow:2px 2px 5px #000000}Label{margin-top:10px}.form_input:focus{border:none;box-shadow:none;outline:none;padding-top:5px;padding-bottom:5px;padding-left:10px}.form_textarea{width:60rem;height:10rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset;border-radius:10px;border:none;background-color:#56cfe1;outline:none;padding-top:5px;padding-left:10px;color:#f5f5f5;font-size:.8em;text-align:left;text-shadow:2px 2px 5px #000000}.all_inputs{margin-bottom:80px}.all_inputs Label{color:#f5f5f5;font-size:1.5em;text-align:left;text-shadow:0px 0px 10px #000000}.label_input{display:flex;flex-direction:column;color:#f5f5f5;font-size:1.5em;text-align:left}.contact-form-backround{background-color:#6930c3;border-radius:16px;padding:3rem;box-shadow:#0e1e251f 0 2px 4px inset,#0e1e2552 0 2px 16px inset}.contactForm button{width:5rem;padding:15px;border:unset;border-radius:15px;color:#212121;z-index:1;background:#e8e8e8;position:relative;font-weight:1000;font-size:17px;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px #00000045;transition:all .25s;overflow:hidden}.contactForm button:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;border-radius:15px;background-color:#212121;z-index:-1;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px #00000045;transition:all .25s}.contactForm button:hover{color:#e8e8e8}.contactForm button:hover:before{width:100%}.contact-background-round{position:absolute;background-color:#f5f5f5;width:60rem;height:60rem;border-radius:50%;z-index:-1;left:300px}.contact-background-round2{position:absolute;background-color:#f5f5f5;width:20rem;height:20rem;border-radius:50%;z-index:-1;left:1200px;margin-bottom:1000px}.contact-background-round3{position:absolute;background-color:#fff;width:60rem;height:60rem;border-radius:50%;z-index:-1;left:300px}.animation-contact{width:30rem;position:absolute;right:20%;margin-top:15rem;filter:drop-shadow(0px 5px 10px #000000)}@media screen and (max-width: 1920px){.animation-contact{right:7%}}body{font-family:Roboto,sans-serif;background-color:#000814}::-webkit-scrollbar{width:0px}