*{box-sizing:border-box;padding:0;margin:0}:root{--primary: #d81b60}li{margin-bottom:6px}button{width:auto;padding:5px 10px;background-color:#add8e6;border:0px;border-radius:5px;margin-top:20px;cursor:pointer}button:hover{background-color:#92c3d3}.eurocode-main{display:inline;padding-inline:.8rem;cursor:pointer;border-radius:3px}.eurocode-main:hover{background-color:#d3d3d3}#main{font-family:Calibri;font-size:14.5px;margin-top:200px;margin-left:2rem;height:5000px}#navbar{width:100%;height:100px;display:block;position:fixed;top:0;background-color:#fff}#div1{display:flex;justify-content:center}#square{width:100px;height:100px;background-color:red;position:relative;left:50vw;top:50px;transform:translate(-50%);transition:all .3s ease-out}