@import"https://fonts.googleapis.com/css2?family=Smooch&display=swap";@import"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=Smooch&display=swap";@import"https://fonts.googleapis.com/css2?family=Gothic+A1&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=Smooch&display=swap";*{margin:0;padding:0}body{background-color:#181c14}h1{font-size:3em}h1,h2,h3{font-family:Gothic A1,sans-serif;font-weight:400;font-style:normal;margin:1em 0 .5em;color:#fff}p{font-family:poppins;color:#fff}main{margin-top:10vh;width:100%;display:flex;flex-direction:column;align-items:center}.loader{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative}.fish{width:30px;height:15px;background:orange;border-radius:50%;position:absolute;left:50%;bottom:50%;transform:translate(-50%);animation:swim 2s ease-in-out infinite}@keyframes swim{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%,-20px) rotate(5deg)}50%{transform:translate(-50%) rotate(0)}75%{transform:translate(-50%,-20px) rotate(-5deg)}to{transform:translate(-50%) rotate(0)}}.pages{width:90%;margin:0 auto;display:flex;flex-direction:column;position:relative}.hero{width:100%;height:100vh;border-radius:20px;overflow:hidden}.project-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;width:100%;margin-top:2em;justify-items:center}.round{margin-top:10em;width:100%;height:200%;background:radial-gradient(circle,#3c3d37,#181c14 70%);z-index:0;display:flex;flex-direction:column;align-items:center}.title{margin-top:-4em;margin-left:-30em;width:100%;display:flex;justify-content:center;align-items:center}.title h1{margin-top:0;font-family:Smooch;font-size:10em;color:#fff}.round button{padding:.2em .7em;font-size:2.5em;display:flex;align-items:center;justify-content:center;border-radius:25px;border:none;color:#fff;background-color:#697565;cursor:pointer}.project-card{width:100%;max-width:300px;overflow:hidden;border-radius:.5em;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;position:relative}.project-card .item{border-radius:.5em;height:40vh;background-color:#ecdfcc;box-shadow:#959da533 0 8px 24px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;transition:transform .3s ease-in-out}.profile-picture{margin-top:-4em;margin-left:90em;width:100%;height:30em;border-radius:.5em}.profile-picture img{width:30%;border-radius:.5em}.item-desc{margin:0 0 0 -1em;padding:.5em;background:#0009;position:absolute;bottom:0;width:100%;height:30%}.item-desc h3{margin:0;font-size:1.3em;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.item-desc p{margin-top:.5em;font-size:.8em;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.project-card:hover{transform:scale(1.05);box-shadow:#0000004d 0 10px 30px}.skills-container{padding:2em}.skills-category{margin-bottom:2em}.skills-grid{display:flex;flex-wrap:wrap;gap:1em;align-items:center}.skill-card{background-color:#697565;padding:1em;width:150px;border-radius:.5em;box-shadow:#959da533 0 8px 24px;text-align:center;transition:transform .2s}.skill-card:hover{transform:scale(1.05)}.skill-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5em}.skill-icon{margin-right:.5em}.progress-bar{background-color:#e0e0e0;border-radius:.5em;height:10px;overflow:hidden;margin-bottom:.5em}.progress{background-color:#4caf50;height:100%;border-radius:.5em}.skill-level{font-weight:700}.form-placeholder{padding:5em;background-color:#3c3d37;display:flex;flex-direction:column;border-radius:.5em;justify-content:center;align-items:center}button{margin-top:2em;border-radius:18px;padding:1em 5em;border:none;font-size:1em}@media (max-width: 768px){.hero{height:90vh}.title{margin-top:0;margin-left:0;width:100%;display:flex;justify-content:center;align-items:center}.title h1{margin-top:-.5em;font-family:Smooch;font-size:4em;color:#fff}.hero-btn{margin-top:-.1em}.project-section{width:100%;grid-template-columns:1fr}.skill-card{width:35%}.project-card{min-width:100%}.profile-picture{margin-left:0;display:flex;overflow:hidden;margin-top:-4em}.profile-picture img{display:flex;width:100%;object-fit:cover}}nav{width:100%;height:10vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;background-color:#d3d3d300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.nav-logo{font-family:Smooch,cursive;font-size:3em;margin-left:1em;color:#fff}.menus{background-color:#fff;border-radius:50%;height:1em;width:1em;display:flex;align-items:center;justify-content:center;padding:.3em;font-size:2em;cursor:pointer;color:#181c14;margin-right:1em;transition:background-color .3s}.menus:hover{background-color:#ffffffb3}.menu-list{position:absolute;top:10vh;right:0;background-color:#3c3d37;border-radius:8px;padding:1em .2em;z-index:1;margin-right:2em;width:10em;color:#000;box-shadow:#959da533 0 8px 24px;opacity:0;transform:translateY(-10px);transition:opacity 1s ease,transform 1s ease}.menu-list.show{opacity:1;transform:translateY(0)}.menu-list ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;text-decoration:none}.menu-list li{width:100%;padding:.5em 0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.2em;transition:all .3s;font-family:Poppins}.menu-list li a{text-decoration:none;color:#fff}.menu-list li:hover{color:#000;background-color:#d6d6d6}