@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;600;700&display=swap");.App{text-align:center;background-color:"rgba(255, 0, 0, 1)"}.logo-container{display:flex;justify-content:center;align-items:center;height:60vh}.animated-background{position:fixed;top:0;left:0;background-color:#00001e;width:100%;height:100%;z-index:-1}.intro-intro{color:#fff;font-family:Poppins;font-size:30px;font-weight:300;padding-left:15px;padding-right:15px}.introduction{color:#fff;font-size:20px;font-weight:100}.animated-word,.introduction{font-family:Poppins,sans-serif;font-style:italic}.animated-word{font-weight:200}.parent-container{display:flex;justify-content:center;align-items:flex-start}.glassmorphism-container{margin-top:65px;width:40%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px}.glassmorphism-container p{margin-top:10px;margin-bottom:10px}@media only screen and (max-width:630px){.intro-intro{font-size:20px}.introduction{font-size:15px}}@media only screen and (max-width:450px){.intro-intro,.introduction{font-size:15px}}.logo-image{padding-top:80px;width:500px;height:500px}@media only screen and (max-width:630px){.logo-image{width:400px;height:400px}}@media only screen and (max-width:400px){.logo-image{width:300px;height:300px}}.project-card{display:flex;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px;color:#fff;padding:20px;margin:20px 50px;font-family:Poppins}.project-card img.project-image{width:30%;height:auto;border-radius:6px}.project-card .project-info{width:90%;padding:10px 20px}.project-card .project-info h3{font-size:22px;margin:0}.project-card .project-info p{margin-top:15px;margin-bottom:30px}.project-card.image-left{flex-direction:row;margin-right:50px;margin-left:200px}.project-card.image-right{flex-direction:row-reverse;margin-left:50px;margin-right:200px}.project-card a{color:#fff;font-size:15px;text-decoration:none;background-color:#d9392e;padding:10px 15px;border-radius:6px;transition:background-color .3s ease}.project-card a:hover{background-color:#600}@media only screen and (max-width:810px){.project-card{flex-direction:column;align-items:center;margin:20px auto}.project-card img.project-image{width:auto;height:auto}.project-card .project-info{width:100%;font-size:13px}.project-card.image-left,.project-card.image-right{flex-direction:column;margin:20px 50px}}.parent-container-proj{padding-top:50px;display:flex}.glassmorphism-container-proj{margin-left:50px;margin-right:50px;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px}.glassmorphism-container-proj h1{margin:5px;font-size:50px;color:#fff;font-family:Poppins;font-weight:300}.scroll-down{font-family:Poppins;font-weight:100;position:fixed;bottom:40px;left:50%;transform:translateX(-50%);font-size:18px;color:#fff;text-align:center;animation:pulse 4s ease infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}.hidden{opacity:0;visibility:hidden}.parent-container-section{display:flex}.glassmorphism-container-section{margin-left:50px;margin-right:50px;margin-bottom:30px;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px}.glassmorphism-container-section h1{margin:5px;font-size:50px;color:#fff;font-family:Poppins;font-weight:300}.glassmorphism-container-section p{margin-left:15px;margin-right:15px;color:#fff;font-size:20px;font-family:Poppins;font-weight:200}@media only screen and (max-width:810px){.glassmorphism-container-section p{font-size:15px}}