*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ebeef7;color:#161616;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{border-radius:8px;background:#bfc0c4}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.mobile-button{display:none}#header{width:100%;height:100%;min-height:calc(100vh + -0px)}.section-wrapper{padding:10px 10%}.lower-header-container{display:flex;justify-content:space-around}.lower-header-col-1{flex-basis:50%}.lower-header-col-2{flex-basis:40%;position:relative;top:140px}.lower-header-col-2 img{width:100%}.logo{width:140px}.lower-header-col-1{margin-top:20%;font-size:30px}.lower-header-col-1 h1{font-size:60px;margin:20px}.lower-header-col-1 h1 span{color:#ff004f}.about-me-icons{margin-right:5px}#about{padding:80px 0;color:#888}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.about-col-1{flex-basis:35%}.about-col-1 img{width:100%;border-radius:15px}.about-col-2{flex-basis:60%;display:flex;flex-direction:column;align-items:center}.about-col-2-row-2{margin-right:30px}.section-title{font-size:60px;font-weight:600;color:#161616}.qualification-titles-tabs{display:flex;justify-content:space-between;margin:20px 0 40px}.tab-links{margin-right:50px;font-size:18px;font-weight:500;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:3px;background:#ff004f;position:absolute;left:0;bottom:-8px;transition:.5s}.tab-links.active-link:after{width:50%}.qualification-content ul li{list-style:none;margin:15px 0}.qualification-content ul li span{color:#b54769;font-size:15px}.qualification-content{display:none}.qualification-content.active-tab{display:block}.qualification-data{display:grid;grid-template-columns:1fr max-content 1fr;column-gap:1.5rem}.qualification-data:nth-child(even) .qualification-data-empty-column{order:1}.qualification-data:nth-child(even) .qualification-data-line-circle{order:2}.qualification-data:nth-child(even) .qualification-data-main-content{order:3}.qualification-data:last-child .qualification-line{display:none}.qualification-data-main-content{display:flex;gap:10px}.qualification-data-logo-column{flex-basis:25%}.qualification-data-logo-column img{width:80px;border-radius:50%}.qualification-data-content-column{flex-shrink:5}.qualification-title{color:#161616;font-weight:500}.qualification-calendar{margin-top:10px;font-size:13px;color:#ababab}.calendar-icon{margin-right:5px}.qualification-circle{display:inline-block;position:relative;width:15px;height:15px;background-color:#ff004f;border-radius:50%;z-index:1}.qualification-line{display:block;width:2px;height:100%;background-color:#888;transform:translate(6px,-7px)}#my-projects-title{text-align:center}#my-projects-subtitle{text-align:center;margin-top:30px;font-size:20px}#my-projects-subtitle a{text-decoration:none;color:#ff004f}#portfolio{padding:50px 0}.carousel-container{margin:50px auto auto}.carousel-indicator-container{position:absolute;bottom:-30px}.carousel-indicator{background-color:gray}.badge{text-transform:none}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-template-rows:auto;grid-gap:100px;margin-top:50px}.project{border-radius:10px;position:relative}.project-title{margin-top:30px;text-align:center;font-weight:500}.project img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;transition:transform .5s}.project:hover img{transform:scale(1.1)}.project:hover .layer{height:100%;transform:scale(1.1)}.layer{width:100%;height:0;background:rgba(0,0,0,.78);border-radius:10px;position:absolute;left:0;top:0;bottom:10%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;font-size:14px;transition:height .5s,transform .5s}.layer h3{font-weight:500;margin-bottom:20px}.layer a{margin-top:20px;color:#ff004f;text-decoration:none;font-size:18px;line-height:60px;background:#fff;width:60px;height:60px;border-radius:50%;text-align:center}.layer p{color:#d5d5d5}.tech-used{display:flex;justify-content:center;margin-top:15px;color:#fff;width:100%}.tech-used span{font-size:13px;margin:5px;background:rgb(105,104,105);padding:4px 10px;border-radius:50px;font-weight:500}.project:hover .layer{height:100%}.btn{display:block;margin:50px auto;width:fit-content;border:1px solid #ff004f;padding:14px 50px;border-radius:6px;text-decoration:none;color:#fff;transition:transform .5s;background:#ff004f}#see-more-button{position:relative;top:50px}.contact-left{flex-basis:35%}.contact-right{flex-basis:60%}.contact-left p{margin-top:30px}.contact-left p i{color:#ff004f;margin-right:25px}.social-icons{margin-top:30px}.paperPlaneIcon,.phoneIcon{margin-right:20px}.social-icons a{text-decoration:none;font-size:30px;margin-right:18px;color:#ababab;display:inline-block;transition:transform .5s}.social-icons a:hover{color:#ff004f;transform:translateY(-5px)}.btn.download-btn,.btn.submit-btn{display:inline-block;background:#ff004f}.btn:hover{transform:scale(1.1);background:rgba(255,0,79,.8)}.contact-right form{width:100%}form input,form textarea{width:100%;border:0;outline:none;background:#ffffffa3;padding:15px;margin:15px 0;color:#161616;font-size:18px;border-radius:6px}.submit-btn{padding:14px 60px;font-size:18px;margin-top:20px;cursor:pointer}@media screen and (max-width: 1200px){.lower-header-col-1 h1{font-size:35px}}@media screen and (max-width: 950px){#header-logo{width:250px}#header{height:auto}.lower-header-container{flex-direction:column-reverse;margin-top:50px}.lower-header-col-1{font-size:16px;text-align:center;margin-top:30px}.lower-header-col-2{top:0;margin-top:30px;width:60%;margin-left:auto;margin-right:auto}.lower-header-col-1 h1{font-size:30px}.lower-header-col-1 p{font-size:22px}.mobile-button{display:block;font-size:30px}.nav-bar-items{background:#ff004f;position:fixed;top:0;right:-50%;width:50%;height:100vh;padding-top:50px;z-index:2;transition:right .3s}.nav-bar-items.active{right:0}.nav-bar-items li{display:block;margin:25px;text-align:center}.nav-bar-items li a{font-size:23px}#close-menu-button{position:absolute;right:10%;top:20px;font-size:20px}.section-title{font-size:40px}.about-col-1,.about-col-2{flex-basis:100%}.about-col-1{margin-bottom:30px}.about-col-2{font-size:14px}.tab-links{font-size:16px;margin-right:20px}.project-list{grid-template-columns:initial}.tech-used span{font-size:8px}.layer a{font-size:15px;line-height:40px;width:40px;height:40px;border-radius:50%}.contact-left,.contact-right{flex-basis:100%}}@media screen and (max-width: 600px){.qualification-data{grid-template-columns:7fr max-content 1fr;column-gap:.5rem;margin-bottom:30px}.qualification-data-logo-column{margin-right:30px}.qualification-data:nth-child(even) .qualification-data-main-content{order:1}.qualification-data:nth-child(even) .qualification-data-line-circle{order:2}.qualification-data:nth-child(even) .qualification-data-empty-column{order:3}.qualification-line{height:114%}}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}nav ul li{display:inline-block;list-style:none;margin:10px 20px;cursor:pointer}nav ul li a{color:#161616;text-decoration:none;font-size:18px;font-weight:500;position:relative}nav ul li a:after{content:"";width:0;height:3px;background:#ff004f;position:absolute;left:0;bottom:-6px;transition:.3s}nav ul li a:hover:after{width:100%}.back-to-top-button{width:50px;height:50px;font-size:25px;border-radius:30px;background-color:#ff004f;color:#fff;border:none;position:fixed;bottom:5%;right:2%;cursor:pointer;visibility:hidden;opacity:0;transition:all .3s ease;z-index:1000}.back-to-top-button.active{visibility:visible;opacity:1}.music-page-row{flex-wrap:nowrap}#music-page-first-section{margin-top:10rem}#music-page-first-section .row{margin-bottom:10rem}.music-bio-col-1{flex-basis:40%;display:flex;justify-content:right}.portrait{height:50rem;width:40rem;object-fit:cover;border-radius:15px}.music-bio-col-2{flex-basis:50%;display:flex;align-items:center}.music-bio-text{width:80%;font-size:20px}#music-page-first-section .row:nth-child(even){flex-direction:row-reverse}#music-page-first-section .row:nth-child(even) .music-bio-col-1{justify-content:left}.music-page-section-title{text-align:center}.video-gallery-wrapper{display:flex;justify-content:center;column-gap:8rem;margin-top:50px;flex-wrap:wrap}@media screen and (max-width: 1600px){.portrait{transform:scale(.7)}.video-gallery-wrapper{column-gap:3.5rem}}@media screen and (max-width: 1200px){.portrait{width:100%;height:500px;transform:scale(1)}.music-page-row{flex-wrap:wrap;gap:2px}.music-bio-col-1{flex-basis:40%}.music-bio-col-2{flex-basis:55%}.video-gallery-wrapper{flex-direction:column;row-gap:2rem}}@media screen and (max-width: 800px){.music-page-row{flex-direction:column}.music-bio-col-1,.music-bio-col-2{flex-basis:100%}.music-bio-text{margin:10px auto 0}#music-page-first-section .row{margin-bottom:5rem}}.video-grid-item{width:35%;position:relative}.video-grid-thumbnail{width:100%;height:300px;position:relative;cursor:pointer}.video-grid-thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.video-grid-title{margin-top:12px;position:relative;display:inline-block;margin-bottom:12px}.video-grid-title h3{font-weight:500;cursor:pointer}.video-grid-title h3:after{content:"";width:0;height:3px;background:#ff004f;position:absolute;left:0;bottom:-6px;transition:.3s}.video-grid-title h3:hover:after{width:100%}.video-grid-play-button{position:absolute;height:60px;width:60px;top:50%;left:50%;transform:translate(-50%,-50%)}.video-grid-item-link{text-decoration:none;color:inherit}@media screen and (max-width: 1400px){.video-grid-thumbnail-image{object-fit:cover}}@media screen and (max-width: 1200px){.video-grid-item{width:100%}.video-grid-thumbnail{height:auto}}.music-player-title{text-align:center;margin-top:5rem}.music-player-iframe-wrapper{margin-top:5rem;display:flex;justify-content:center}.music-player-iframe,.music-player-description{width:1000px;height:650px}.music-player-description{margin:5rem auto 0}.performers-text{margin-top:5px}.program-note{margin-top:30px}.program-note-text{margin-top:10px}@media screen and (max-width: 1200px){.music-player-iframe,.music-player-description{height:500px;width:800px}}@media screen and (max-width: 800px){.music-player-iframe,.music-player-description{height:300px;width:100%}}