#boxmain,#boxmain:hover{display:inline-block;position:relative;margin-left:16px;margin-right:16px;margin-bottom:32px;max-width:332px;min-width:332px;max-height:265px;min-height:265px;box-shadow:2px 2px 5px 1px #b2b2b2;padding:0}.footer-icons,.footer-text{text-align:center;display:flex}#wrapper,.footer,.footer-icons,.footer-text,body{display:flex}body,html{height:100%;margin:0;padding:0}#wrapper{min-height:100%;flex-direction:column}.navbar{background-color:#00f;position:fixed;height:38px;top:0;width:100%;z-index:1}.boxtext,.boxtext:hover{padding:10px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;transition:.3s}#boxcontainer{margin-top:68px;margin-bottom:36px;width:100%;height:auto;border:0 solid #fdfdfd;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;flex:1}#boxmain{background:#fafafa;transition:.3s}#boxmain img{width:100%;height:100%;object-fit:cover;display:block}.boxtext{border-radius:5px;background-color:rgba(105,105,105,.4);border:1px solid #fafafa}#boxmain:hover{background:#fdfdfd;transition:.3s;border-color:#fdfdfd}.boxtext:hover{border-radius:5px;background-color:rgba(105,105,105,.7);border:1px solid #fafafa}img{max-width:100%;max-height:100%;margin:0;border:0 solid #fcfcfc;border-bottom:0 solid #fcfcfc;top:0;padding:0;left:0;right:0}.footer{justify-content:center;flex-direction:column;margin-bottom:0}.footer-icons{flex-direction:row;justify-content:center;align-items:center;gap:6px}.footer-text{align-items:center}body{flex-direction:column;min-height:100vh}main{flex:1}Pushes footer down body{background-repeat:no-repeat;background-position:100% 0;background-color:#fafafa;width:100%;height:100%;margin:0;overflow-y:scroll}