body,html{height:100%;margin:0;padding:0}#wrapper{min-height:100%;display:flex;flex-direction:column}.navbar{overflow:hidden;background-color:#fafafa;position:fixed;height:36px;top:0;width:100%;z-index:1}#boxcontainer{margin-top:68px;margin-bottom:36px;width:100%;height:auto;border:0 solid #000;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;flex:1}.boxmain,.image{justify-content:center;display:flex}.boxmain{padding:6px;margin:0 16px 32px;width:300px;height:240px;border:0 solid #fafafa;background:#fafafa;box-shadow:2px 2px 3px 0 #b2b2b2;border-radius:0;transition:.3s;align-items:center;overflow:hidden}.boxmain:hover{border-color:#fdfdfd;background:#fdfdfd;transition:.3s;box-shadow:2px 2px 5px 1px #b2b2b2}.boxmain img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image{width:100%;height:100%;align-items:center}.footer{display:flex;justify-content:center;flex-direction:column;margin-bottom:0}.footer-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:6px}.footer-text{display:flex;align-items:center;text-align:center}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}Pushes footer down body{background-repeat:no-repeat;background-position:100% 0;background-color:#f5f5f5;width:100%;height:100%;margin:0;overflow-y:scroll}