:root{--layout-brightness: .95;--upper-desktop-padding: 100px;--timeline-color: whitesmoke}a{text-decoration:none;color:#fff}body{margin:0;padding:0;background-color:#0a0b10;color:#fff;font-family:Poppins;-webkit-font-smoothing:antialiased}.hide-desktop{display:none}.centering-wrapper{display:flex;justify-content:center;align-items:center;width:100vw}.max-width-container{width:100%;max-width:1136px}.navbar-wrapper{position:relative;height:70px;position:fixed;top:0;left:0;width:100vw;display:flex;justify-content:center;-webkit-backdrop-filter:blur(10px) brightness(var(--layout-brightness));backdrop-filter:blur(10px) brightness(var(--layout-brightness));z-index:2}.home-wrapper{color:#fff;width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;z-index:1}.home-background-image{position:absolute;width:100%;height:100vh;object-fit:cover;z-index:-2;-webkit-user-select:none;user-select:none;overflow:hidden}.home-background-image img{width:100vw;height:100%;filter:blur(10px) brightness(.8);object-fit:cover}.navbar-container{width:100%;max-width:700px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;-webkit-user-select:none;user-select:none;padding-left:20px;padding-right:20px}@media screen and (max-width: 700px){.navbar-container{padding-left:10px;padding-right:10px;justify-content:space-evenly}}.navbar-container a{color:#fff;text-decoration:none}.nav-item{font-size:18px;transition:color .3s ease}@media screen and (max-width: 700px){.nav-item{font-size:15px}}.nav-item:hover{color:#4ecf6c49}.cat-container{position:absolute;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:flex-end}.cat-container img{width:80px;height:auto}.welcome-message-wrapper{width:calc(100% - 300px);padding-left:300px;height:auto;margin-top:100px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.welcome-message-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px}.welcome-message{font-size:100px;text-align:center}@media screen and (max-width: 700px){.welcome-message{font-size:70px}}.welcome-description{font-size:20px;text-align:center;max-width:80%}@media screen and (max-width: 700px){.welcome-description{font-size:15px}}.links-wrapper{display:flex;align-items:center;gap:25px;margin-top:20px}.links-wrapper a{font-size:18px;transition:opacity .3s ease}.links-wrapper a:hover{opacity:.7}.bottom-absolute-gradient{position:absolute;width:100%;height:100px;bottom:0;left:0;background-image:linear-gradient(180deg,#0a0b1000,#0a0b10)}.sidebar-wrapper{position:fixed;top:0;left:0;width:300px;height:100%;-webkit-backdrop-filter:blur(10px) brightness(var(--layout-brightness));backdrop-filter:blur(10px) brightness(var(--layout-brightness));z-index:2;border-bottom-right-radius:100px;overflow:hidden;padding-top:150px;padding-bottom:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box}.sidebar-container{display:flex;flex-direction:column;align-items:center;gap:20px}.form-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:100px}.form-header{font-size:22px}.form-wrapper form{display:flex;flex-direction:column;gap:10px;width:auto}.form-wrapper input{height:55px;width:250px;margin:0;padding:0 0 0 15px;box-sizing:border-box;flex-grow:0;background-color:transparent;outline:none;border:1px solid rgba(255,255,255,.373);border-radius:20px;-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7);color:#fff;font-family:Poppins}.form-wrapper input::placeholder{color:#ffffff94}.form-wrapper button{background-color:transparent;border:0;color:#fff;font-family:Poppins;font-size:20px;cursor:pointer;transition:opacity .3s ease}.form-wrapper button:hover{opacity:.7}.projects-wrapper{overflow:hidden}.timeline-wrapper{width:100%;padding-left:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:70px;overflow:hidden}.timeline-header{align-self:flex-start;font-size:40px}.timeline-container{width:100%;max-height:100dvh;overflow:auto;padding-right:100px;padding-bottom:0;box-sizing:border-box;padding-top:calc(var(--upper-desktop-padding));padding-bottom:calc(var(--upper-desktop-padding))}.timeline-container::-webkit-scrollbar{width:0px}.timeline-container::-webkit-scrollbar-thumb{background-color:#d3d3d3}.timeline-container>:not(:last-child){padding-bottom:60px}.timeline-item-container{position:relative;display:flex;padding-left:50px}.timeline-item-left-bar{position:absolute;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center}.circle{width:15px;height:15px;border-radius:100%;border:2px solid var(--timeline-color)}.line{width:2px;height:100%;background-color:var(--timeline-color)}.timeline-item-content{position:relative;display:flex;flex-direction:column;gap:25px}.timeline-item-header-container{display:flex;flex-direction:column;gap:15px}.timeline-item-header-date{line-height:100%;color:#f5f5f5;font-size:12px}.timeline-header-row{display:flex;align-items:center;gap:20px;width:fit-content;transition:opacity .3s ease}.timeline-header-row:hover{opacity:.5}.project-description{max-width:600px}.project-technologies{display:flex;width:100%;align-items:center;gap:15px}.project-logo{display:flex;width:fit-content}.project-logo svg{width:fit-content}.project-tech svg{display:flex;fill:#fff!important;height:30px;width:auto;transition:transform .3s ease}.project-tech svg:hover{transform:scale(1.2)}.about-wrapper{padding-left:350px;padding-top:145px}.about-intro{font-size:25px;max-width:calc(100vw - 500px)}.music-library-wrapper{display:flex;flex-direction:column;gap:30px;height:80dvh;overflow:auto}.music-library-wrapper::-webkit-scrollbar{width:0px}.music-library-container{display:flex;flex-direction:column;gap:20px}.music-library-grid{width:100%;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;max-width:1200px}.music-library-item{max-width:400px}.music-library-header{font-size:30px;line-height:100%}iframe div{background-color:transparent}.change-bg-button{position:absolute;top:20px;right:20px;cursor:pointer}@media screen and (max-width: 1100px){.hide-desktop{display:flex}.hide-tablet{display:none}.sidebar-wrapper{padding:30px 0;width:100%;height:auto;box-sizing:content-box;border-radius:0;gap:30px}.sidebar-container{flex-direction:row}.projects-wrapper{width:100%}.timeline-wrapper{padding:0}.timeline-container{display:flex;flex-direction:column;padding-right:0;align-items:center;overflow:auto;max-height:100dvh;padding-top:123px}.timeline-item-container{width:fit-content}.form-wrapper{margin:0}.welcome-message-wrapper{padding:0;align-items:center;justify-content:center;display:flex;width:100%}.about-wrapper{display:flex;padding-left:0;align-items:center;justify-content:center;width:100%;max-width:80vw;align-self:center}.music-library-wrapper{align-items:center}.music-library-grid{display:grid;grid-template-columns:repeat(2,1fr)}.change-bg-button{top:unset;bottom:3px;right:3px}}@media screen and (max-width: 478px){.music-library-grid{grid-template-columns:repeat(1,1fr)}.project-technologies{width:100%;flex-wrap:wrap}.timeline-header-row{flex-direction:column;align-items:flex-start;gap:5px}.timeline-item-container{padding-left:35px}.timeline-container{align-items:center;padding-left:20px;padding-right:20px}.sidebar-wrapper{flex-direction:column;align-items:center;justify-content:flex-start!important;gap:30px}.contact-sidebar-wrapper{margin:0;padding:0;height:146px;display:flex}}