/* always try to use standart fonts for better loading time */ /* dont use "*" for general rules, its overwhelming the browser */ html, body { widht: 100%; height:100%; overflow: hidden; margin: 0; display: block; font-family: "Courier New", Courier, monospace, serif; /* choose your Font style here */ font-size: 34px; background-color: #273746; } .con { /*dont mind that container for your css, its only for background */ height: 25%; width: 50%; justify-content: center; align-items: center; display: flex; margin: 0 25% 0 25%; } .con-1 { /*dont mind that container for your css, its only for background */ background-color: #566573; } .con-2 { /*dont mind that container for your css, its only for background */ background-color: #45b39d; } .con-3 { /*dont mind that container for your css, its only for background */ background-color: #eb984e; } .con-4 { /*dont mind that container for your css, its only for background */ background-color: #3498db; } .btn { /*general button design*/ line-height: 60px; height: 60px; text-align: center; width: 350px; cursor: pointer;