.Hamburger{display:none;background-color:transparent;position:relative;width:50px;border:2px solid #fff;padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;cursor:pointer}.Hamburger span{background-color:#fff;display:block;width:100%;height:4px;position:relative;transition:all .3s;box-shadow:0 2px 10px #0000004d;border-radius:3px}.Hamburger span+span{margin-top:7px}.active span:nth-child(1){animation:ease .7s top forwards}.active span:nth-child(2){animation:ease .7s scaled forwards}.active span:nth-child(3){animation:ease .7s bottom forwards}.non-active span:nth-child(1){animation:ease .7s top-2 forwards}.non-active span:nth-child(2){animation:ease .7s scaled-2 forwards}.non-active span:nth-child(3){animation:ease .7s bottom-2 forwards}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:11px;transform:rotate(0)}to{top:11px;transform:rotate(45deg)}}@keyframes top-2{0%{top:11px;transform:rotate(45deg)}50%{top:11px;transform:rotate(0)}to{top:0;transform:rotate(0)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:11px;transform:rotate(0)}to{bottom:11px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:11px;transform:rotate(135deg)}50%{bottom:11px;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width: 768px){.Hamburger{display:block}}:root{--primary-red: #be3144}*{box-sizing:border-box;margin:0;padding:0;font-family:Ubuntu,sans-serif}html{scroll-behavior:smooth}body,html{height:100%}h2{font-size:3rem;margin-bottom:3rem}p{font-size:1.4rem;margin-bottom:2rem;line-height:1.5}nav ul li{font-size:1.2rem}li{font-size:1.4rem}.btn,.btn:focus{display:flex;align-items:center;justify-content:center;color:var(--primary-red);background-color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--primary-red);border-radius:25px;padding:.5rem 1rem;margin-top:4rem;cursor:pointer;transition:.25s ease all;outline:none}.btn:hover{color:#fff;border-color:var(--primary-red);background-color:var(--primary-red)}nav ul:hover li{filter:blur(3px)}nav ul li:hover{filter:blur(0px)}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 0}img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){h2{font-size:2rem}p,li{font-size:1.1rem}.btn{font-size:.7rem;margin-top:2rem}}
