body{margin:0}.header-container{display:flex;align-items:center;height:70px}.section-container{display:flex;justify-content:space-around;gap:10px;width:600px;margin-left:200px}.header-button{padding:5px;border:none;background-color:#fff;color:#4545fe;font-size:16px;font-family:Roboto;font-weight:400;cursor:pointer}.header-button:hover{text-decoration:underline}@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:256px;font-family:DM Serif Display;margin-top:40px;color:#4545fe}.name{margin-left:10%}.surname{padding-top:0;line-height:170px;margin-left:20%}.my-informations{width:650px;margin-left:10%;margin-top:80px;font-family:Roboto;font-weight:200}@media ((width > 680px) and (width < 1200px)){.fullname-container{font-size:200px;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:40px;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:10%}.my-informations{width:480px;margin-left:5%;margin-top:35px;font-family:Roboto;font-weight:200;font-size:12px}}.clicker{width:100px;height:20px}