:root{--black:rgb(20, 20, 20);--white:rgb(235, 235, 235);--footer-size:240px}*{box-sizing:border-box}html,body{background-color:var(--white);min-height:100%}.container{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}body{margin:0;margin-bottom:var(--footer-size)}main{padding:300px 0;width:80%;margin:auto;min-width:460px}.footer-wrapper{width:1100px;margin:0 auto}footer{background-color:var(--black);color:var(--white);width:100%;height:var(--footer-size);position:fixed;bottom:0;z-index:-1}