body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:auto;text-align:center}.App,body{background-color:#e7e7e7}a{color:gray}p>a:hover{color:gold}.icon{height:128px;width:128px}.icon-holder{height:200px;width:100%}.icon-holder,.modal{align-items:center;display:flex;justify-content:center}.modal{background-color:#000;color:#fff;flex-direction:row;height:460px;left:50%;padding:20px;position:absolute;text-align:justify;top:474px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:460px;z-index:1000}.display-block{display:block}.display-none{display:none}.image-container{align-items:center;background-size:cover;border:8px solid;display:flex;height:700px;justify-content:center;width:700px}.center-container{flex-direction:column;justify-content:flex-start}.center-container,.squares{align-items:center;display:flex}.squares{background-color:#fff;border:3px solid;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;flex-direction:row;flex-wrap:wrap;gap:9px;height:130px;justify-content:center;left:-2px;position:relative;width:705px}.quote-container{color:#fff;padding:20px;width:70%}.qc-black{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.95) 50%)}.qc-yellow{background:linear-gradient(0deg,rgba(45,45,30,.5),rgba(50,40,0,.95) 50%)}.qc-blue{background:linear-gradient(0deg,rgba(60,75,80,.5),rgba(5,20,30,.95) 50%)}.qc-green{background:linear-gradient(0deg,rgba(35,45,40,.5),rgba(0,20,10,.95) 50%)}.qc-red{background:linear-gradient(0deg,rgba(45,35,35,.5),rgba(40,0,0,.95) 50%)}.qc-violet{background:linear-gradient(0deg,rgba(45,35,40,.5),rgba(30,0,20,.95) 50%)}.square{cursor:pointer;height:75px;width:75px}.square:hover{height:80px;width:80px}.title{font-family:Staatliches,cursive;font-size:2.8em;letter-spacing:2px;text-transform:uppercase}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;left:-3px;width:711px}.button,.buttons{position:relative}.button{background-color:#fff;border:3px solid;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;color:#000;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px;margin:auto;padding:.25em .5em;text-decoration:none;text-transform:uppercase;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:230px}.button:active{box-shadow:0 0 0 0;left:5px;top:5px}.button:hover{background-color:gold}@media (min-width:768px){.button{padding:.25em .75em}}@media only screen and (max-width:768px){.title{font-size:1.6em}.image-container{align-items:center;border:10px solid;display:flex;height:310px;justify-content:center;margin:auto;width:310px}.quote-container{color:#fff;font-size:small;padding:13px;width:70%}.buttons{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:145px;justify-content:space-between;width:310px}.squares{height:165px;padding:7px;width:306px}.modal{background-color:#000;color:#fff;font-size:.75em;height:300px;left:50%;padding:10px;position:absolute;top:234px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:1000}.icon-holder{align-items:center;display:flex;height:40px;justify-content:center;width:100%}}
/*# sourceMappingURL=main.ac41fd43.css.map*/