body,html{height:100%;margin:0;padding:0}.bg-container{background-color:#74479c;height:100%;width:100%;min-height:100%;min-width:100%;box-sizing:border-box}.square{background-color:#fff;height:400px;width:400px;box-shadow:4px 4px 4px rgba(0,0,0,.25);border-radius:10px}.logo,.square{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}.logo{display:flex;height:75px}.pattern{height:100vh;width:100vw;opacity:.5}@media (max-width:768px){.bg-container{box-sizing:border-box}.square{width:280px;border-radius:10px;height:280px;top:0;right:0;bottom:0;left:0;margin:auto}.logo{position:absolute;height:50px}.pattern{position:relative;display:flex;height:40%;width:100%;opacity:.5;top:50%}}