body,html,img{padding:0;margin:0}.footer-icons,.footer-text{text-align:center;display:flex}#wrapper,.footer,.footer-icons,.footer-text,body{display:flex}body,img{margin:0}body,html{height:100%}#wrapper{min-height:100%;flex-direction:column}.navbar{background-color:#00f;position:fixed;height:38px;top:0;width:100%;z-index:1}#boxcontainer{margin-top:92px;margin-bottom:18px;width:100%;height:auto;border:0 solid #fdfdfd;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:start;flex:1}@media screen and (min-width:405px){#boxmain,#boxmain:hover{display:inline-block;position:relative;margin-left:6px;padding:0;margin-right:6px;margin-bottom:12px;max-width:190px;min-width:190px;max-height:152px;min-height:152px;box-shadow:2px 2px 5px 1px #b2b2b2}.boxtext,.boxtext:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;white-space:normal;word-wrap:break-word;text-align:center;max-width:90%}#boxmain{background:#fafafa;transition:.3s;overflow:hidden}#boxmain:hover{background:#fdfdfd;transition:.3s;border-color:#fdfdfd}.boxtext{border-radius:3px;background-color:rgba(105,105,105,.4);border:1px solid #fafafa;padding:7px 14px}.boxtext:hover{border-radius:5px;background-color:rgba(105,105,105,.7);border:1px solid #fafafa;padding:6px}}@media screen and (max-width:404px){#boxmain,#boxmain:hover{display:inline-block;position:relative;margin-left:4px;padding:0;margin-right:4px;margin-bottom:8px;max-width:160px;min-width:160px;max-height:128px;min-height:128px;box-shadow:2px 2px 5px 1px #b2b2b2}.boxtext,.boxtext:hover{padding:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;white-space:normal;word-wrap:break-word;text-align:center;max-width:90%}#boxmain{background:#fafafa;transition:.3s;overflow:hidden}#boxmain:hover{background:#fdfdfd;transition:.3s;border-color:#fdfdfd}.boxtext{border-radius:3px;background-color:rgba(105,105,105,.4);border:1px solid #fafafa}.boxtext:hover{border-radius:5px;background-color:rgba(105,105,105,.7);border:1px solid #fafafa}}#boxmain img{width:100%;height:100%;object-fit:cover;display:block}img{max-width:100%;max-height:100%;border:0 solid #fcfcfc;border-bottom:0 solid #fcfcfc;top:0;left:0;right:0}.footer{justify-content:center;flex-direction:column;margin-bottom:0;margin-top:12px}.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;background-repeat:no-repeat;background-position:100% 0;background-color:#f5f5f5;width:100%;height:100%;overflow-y:scroll}main{flex:1}