body{margin:0}.header-container{display:flex;align-items:center;margin-top:10px;height:80px}.section-container{display:flex;justify-content:space-around;gap:10px;width:800px;margin-left:200px}.header-button{padding:5px;border:none;background-color:#fff;color:#4545fe;font-size:20px;font-family:Roboto;font-weight:400;cursor:pointer;transition:text-decoration .5s ease,transform .3s ease}.header-button:hover{text-decoration:underline;transform:translateY(-2px)}.download-resume{text-decoration:none}.projects-button,.contact-button{scroll-behavior:smooth}@media ((width > 680px) and (width < 1200px)){.section-container{display:flex;justify-content:space-around;gap:10px;width:600px;margin-left:100px}}@media (width < 680px){.section-container{display:flex;justify-content:space-around;width:600px;margin-left:0}.header-button{padding:5px;border:none;background-color:#fff;color:#4545fe;font-size:14px;font-family:Roboto;font-weight:400;cursor:pointer}}.fullname-container{font-size:320px;font-family:DM Serif Display;margin-top:70px;color:#4545fe}.name{margin-left:10%}.surname{padding-top:0;line-height:215px;margin-left:20%}.my-informations{width:810px;margin-left:10%;margin-top:100px;font-family:Roboto;font-size:20px;font-weight:200}@media ((width > 680px) and (width < 1580px)){.fullname-container{font-size:300px;font-family:DM Serif Display;margin-top:20px;color:#4545fe}.name{margin-left:7%}.surname{padding-top:0;line-height:170px;margin-left:15%}.my-informations{width:540px;margin-left:7%;margin-top:100px;margin-bottom:100px;font-family:Roboto;font-weight:200;font-size:14px}}@media (width < 680px){.fullname-container{font-size:100px;font-family:DM Serif Display;margin-top:10px;color:#4545fe}.name{margin-left:5%}.surname{padding-top:0;line-height:60px;margin-left:5%}.my-informations{width:400px;margin-left:5%;margin-top:70px;font-family:Roboto;font-weight:200;font-size:12px}}.projects-container{display:flex;flex-direction:row;width:100%;position:relative}.left-sticky-panel{width:45%;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-left:10%}.section-title{font-size:150px;width:800px;font-family:"DM Serif Display",serif;color:#4545fe;margin-bottom:20px}.dynamic-titles-container{position:relative;height:80px}.dynamic-title{position:absolute;top:0;left:0;font-family:Roboto,sans-serif;font-size:65px;color:#6471d1;margin:0;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.dynamic-title.active{opacity:1;transform:translateY(0)}.projects-list{width:55%;display:flex;flex-direction:column}.image-section{height:100vh;display:flex;align-items:center;justify-content:center}.project{display:flex;justify-content:center;align-items:center;border:5px solid rgb(100,113,209);border-radius:20px;background-color:#fff;width:560px;height:370px;transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-15px);box-shadow:0 20px 40px #0000001a}.project img{width:190px;object-fit:contain}@media ((width > 680px) and (width < 1580px)){.projects-container{display:flex;flex-direction:column;width:100%;position:relative}.left-sticky-panel{width:100%;height:auto;min-height:25vh;position:sticky;top:0;background-color:#fff;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 5% 10px}.section-title{font-size:150px;font-family:"DM Serif Display",serif;width:800px;color:#4545fe;margin-bottom:20px;line-height:1.1}.dynamic-titles-container{position:relative;height:80px}.dynamic-title{position:absolute;top:0;left:0;font-family:Roboto,sans-serif;font-size:65px;color:#6471d1;margin:0;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.dynamic-title.active{opacity:1;transform:translateY(0)}.projects-list{width:100%;display:flex;flex-direction:column;padding-top:20px}.image-section{height:70vh;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.project{display:flex;justify-content:center;align-items:center;border:5px solid rgb(100,113,209);border-radius:20px;background-color:#fff;width:560px;height:370px;transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-15px);box-shadow:0 20px 40px #0000001a}.project img{width:190px;object-fit:contain}}@media (max-width: 680px){.projects-container{display:flex;flex-direction:column;width:100%;position:relative}.left-sticky-panel{width:100%;height:auto;min-height:25vh;position:sticky;top:0;background-color:#fff;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 5% 10px}.section-title{font-size:70px;font-family:"DM Serif Display",serif;width:400px;color:#4545fe;margin-bottom:10px;line-height:1.1}.dynamic-titles-container{position:relative;height:50px}.dynamic-title{position:absolute;top:0;left:0;font-family:Roboto,sans-serif;font-size:32px;color:#6471d1;margin:0;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}.dynamic-title.active{opacity:1;transform:translateY(0)}.projects-list{width:100%;display:flex;flex-direction:column;padding-top:20px}.image-section{height:70vh;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.project{display:flex;justify-content:center;align-items:center;border:4px solid rgb(100,113,209);border-radius:15px;background-color:#fff;width:90%;max-width:350px;height:250px;transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.project img{width:120px;object-fit:contain}}.skills-container{display:flex;flex-direction:column;align-items:center;width:100%;background:linear-gradient(135deg,#121212,#1a1a1a);padding-bottom:200px}.skills-title{font-size:180px;font-family:"DM Serif Display",serif;color:#8787ff;text-shadow:0 0 20px rgba(69,69,254,.4),0 0 50px rgba(69,69,254,.2);margin-top:5%;margin-bottom:50px}.timeline-wrapper{position:relative;width:1200px;max-width:100%}.timeline-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;filter:drop-shadow(0px 0px 8px rgb(69,69,254)) drop-shadow(0px 0px 20px rgb(69,69,254))}.skills-list{display:flex;flex-direction:column;gap:450px;padding:50px 0}.skill{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:100px;width:750px;border-radius:16px;padding:30px;z-index:10;background-color:#000;box-shadow:0 10px 30px #00000080}.skill-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.skill-icon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0px 4px 6px rgba(0,0,0,.3))}.name-skill{font-size:48px;font-family:Roboto,sans-serif;margin-top:0;margin-bottom:0;color:#fff}.description p{font-family:Roboto,sans-serif;font-size:20px;margin-bottom:10px;line-height:1.5;color:#fff}.description p:last-child{margin-bottom:0}.pos-left{align-self:flex-start;margin-left:0}.pos-right{align-self:flex-end;margin-right:0}.pos-center{align-self:center}@media (max-width: 1579px){.timeline-wrapper{width:100%}.skills-list{gap:100px;padding:20px}.skill{width:100%;max-width:700px;flex-direction:column;gap:30px;text-align:center}.pos-left,.pos-right,.pos-center{align-self:center;margin-left:0;margin-right:0}.skills-title{font-size:130px}}@media (max-width: 680px){.skills-title{font-size:80px;margin-bottom:20px}.skill{padding:20px;box-sizing:border-box}.skill-header{flex-direction:column;gap:15px;margin-bottom:15px}.skill-icon{width:40px;height:40px}.name-skill{font-size:36px;margin-bottom:10px}.description p{font-size:14px}}.footer-container{display:flex;flex-direction:column;margin-left:5%}.footer-title{font-size:150px;width:800px;font-family:"DM Serif Display",serif;color:#4545fe;margin-bottom:5px}.copyright{font-family:Roboto;font-size:14px}.linkedin-link{margin-right:10px}.author-icon-gmail,.author-icon-linkedIn{width:50px}@media ((width > 680px) and (width < 1580px)){.footer-title{font-size:70px}}@media (max-width: 680px){.footer-title{font-size:70px}}.clicker{width:100px;height:20px}.dlugie{height:200px}