body{background-color:#fff;margin:0;overflow-x:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box}h1,h2,p{margin:0}.home-section{min-height:100vh;width:100%;display:flex;flex-direction:column;background-image:url(/profile-app/assets/homebg-D2KjyNTV.png);background-repeat:no-repeat;background-size:cover;background-position:center}.profile-pic{max-height:90vh;max-width:40vw;object-fit:contain;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.home-content{display:flex;flex:1;align-items:flex-end;justify-content:flex;align-items:center;padding:0 40px;gap:0px}.fade-in{opacity:1;transform:translateY(0)}.home-header{width:100%;text-align:center;padding:5px;font-size:24px;font-weight:700;display:flex;gap:10px;justify-content:center;align-items:center;background-color:#56565670;border-bottom:2px white solid;position:sticky;top:0;z-index:10}.home-header button{border-radius:5px;border:none;color:#fff;text-shadow:1px 1px 1px rgb(0,0,0);background-color:#aeaeae;font-size:1.5rem;transition:background-color .3s ease;padding:10px}.home-header button:hover{background-color:#c5c5c5}.home-name{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:4rem;text-shadow:2px 2px 2px rgb(0,0,0);border-radius:20px}.home-desc{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff;font-size:1.5rem;text-shadow:2px 2px 2px rgb(0,0,0);border-radius:20px;margin:0}.home-text{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.home-text-inside-container{background-color:#56565670;border-radius:10px;margin:0;padding:10px;border:white solid 2px;box-shadow:4px 4px 1px #c7c7c7}.home-text-inside-button-container{display:flex;justify-content:center;margin-top:10px}.inside-button{background-color:#2b6efe;border:white solid 1px;color:#fff;border-radius:10px;font-size:1.1rem;font-family:Arial,Helvetica,sans-serif;padding:8px;transition:background-color .3s ease}.inside-button:hover{background-color:#558bff}.about-section{margin:0;min-height:120vh;width:100vw;display:flex;flex-direction:column;background-color:#373737;background-repeat:no-repeat;background-size:cover;background-position:center;border-top:solid 5px white}.about-header{background-color:#00000035;border-bottom:rgb(32,32,32) solid 5px;color:#fff;padding:10px 10px 10px 20px;font-size:4rem;font-family:Arial,Helvetica,sans-serif}.about-content-container{padding:30px;display:flex;justify-content:space-between;align-items:center}.about-description{flex:1;max-width:55vw;color:#fff;font-size:1.5rem;font-family:Arial,Helvetica,sans-serif}.about-photo{flex-shrink:0;width:35vw;object-fit:contain;margin-right:20px;border:solid 5px rgb(28,28,28);border-radius:15px;box-shadow:4px 4px 1px #282828}.skill-section{margin:0;min-height:120vh;width:100vw;display:flex;flex-direction:column;background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center;border-top:solid 5px rgb(217,217,217)}.skill-container{margin-top:20px}.skill-header{background-color:#00000010;border-bottom:solid 5px rgb(217,217,217);color:#000;padding:10px;font-size:4rem;font-family:Verdana,Geneva,Tahoma,sans-serif}.skill-title{font-family:Arial,Helvetica,sans-serif;display:flex;font-size:1.5rem;justify-content:center}.skill-bar{display:flex;justify-content:center;background-color:#56565627;padding:10px;gap:10px;border-top:rgb(182,182,182) 5px solid;border-bottom:rgb(182,182,182) 5px solid}.skill-icon:hover{transform:scale(1.05)}.skill-icon{max-width:15vw;max-height:15vh;transition:transform .3s ease;border-radius:10px}.language-flag{position:relative;display:inline-block;margin:0 10px}.language-flag img{transition:opacity .3s ease}.language-flag:hover img{opacity:.4}.language-level{position:absolute;top:40%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 6px;font-size:12px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s ease;font-size:1.5rem}.language-flag:hover .language-level{opacity:1}.project-section{margin:0;min-height:300vh;width:100vw;display:flex;flex-direction:column;background-color:#373737;background-repeat:no-repeat;background-size:cover;background-position:center;border-top:solid 5px rgb(201,201,201)}.project-header{background-color:#00000035;border-bottom:rgb(32,32,32) solid 5px;color:#fff;padding:10px 10px 10px 20px;font-size:4rem;font-family:Arial,Helvetica,sans-serif}.project-container-header{color:#fff;padding:10px;display:flex;justify-content:center;font-family:Arial,Helvetica,sans-serif;background-color:#262626;border-bottom:rgb(26,26,26) solid 3px}.project-card-container{overflow-x:auto;gap:20px;display:flex;flex-direction:row;justify-content:center;border-bottom:rgb(26,26,26) solid 3px;scroll-behavior:smooth}.project-card-image-container{width:100%;height:180px;overflow:hidden}.project-card-image-container img{width:100%;height:100%;object-fit:cover}.project-card{width:100%;max-width:300px;height:472px;margin:20px;background-color:#272727;border:2px solid rgb(70,70,70);border-radius:10px;overflow:hidden;box-shadow:4px 4px 10px #0000004d;transition:transform .3s ease}.project-card:hover{transform:scale(1.03)}.project-card-description{padding:15px;color:#fff;overflow:auto;max-height:300px;font-family:Arial,Helvetica,sans-serif}.project-card-description h2{font-size:1.4rem;margin-bottom:10px}.project-card-description p{font-size:1rem;line-height:1.4rem}.project-card-link{display:inline-block;text-decoration:none;color:inherit}.social-icon:hover{transform:scale(1.03)}.social-icon{width:clamp(30px,8vw,60px);height:auto;transition:transform .3s ease;border-radius:10px}.social-container{padding:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width: 768px){.home-content{flex-direction:column;align-items:center;padding:20px}.profile-pic{max-width:80vw;max-height:50vh}.home-text{width:100%;flex:none;padding:10px;height:auto;justify-content:center;align-items:center}.home-text-inside-container{width:100%;max-width:90vw;box-sizing:border-box;padding:10px}.home-header{padding:10px 0;gap:10px}.home-header button{font-size:1rem;padding:8px}.home-name{font-size:2.5rem}.home-desc{font-size:1.2rem}.inside-button{font-size:1rem}.about-header{font-size:2.5rem;text-align:center}.about-content-container{flex-direction:column;align-items:center;text-align:center;padding:20px}.about-description{max-width:90vw;font-size:1.1rem;margin-bottom:20px}.about-photo{width:80vw;margin:0 auto 20px}.skill-header{font-size:2.5rem;text-align:center}.skill-title{font-size:1.2rem;margin:10px 0}.skill-bar{flex-wrap:wrap;gap:20px}.skill-icon{max-width:35vw;max-height:20vh}.project-header{font-size:3rem;padding-left:15px}.project-container-header h1{font-size:1.5rem}.project-card{max-width:260px;max-height:460px;height:460px}.project-card-description{padding:12px;max-height:280px}.project-card-description h2{font-size:1.2rem}.project-card-description p{font-size:.9rem;line-height:1.3rem}.project-card-container{overflow-x:auto;flex-wrap:nowrap;padding:10px;justify-content:flex-start}}