@charset "utf-8";
 /* CSS Document */

 @import url(https://fonts.googleapis.com/css?family=Roboto);
 /* @import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One); */

 * {
     font-family: 'Roboto', sans-serif;
 }

 h1 {
     text-align: center;
     font-size: 3em;
 }

 .container {
     padding-top: 50px;
     padding-bottom: 50px;
 }

 a {
     color: #ccd500;
     text-decoration: none;
 }

 a:hover {
     text-decoration: underline;
     color: #a9b119;
 }

 .slotMachine .slot {
     height: 100px;
     background-position-x: 55%;
     background-repeat: no-repeat;
 }

 .slot1 {
     background-image: url("../img/slot1.png");
 }

 .slot2 {
     background-image: url("../img/slot2.png");
 }

 .slot3 {
     background-image: url("../img/slot3.png");
 }

 .slot4 {
     background-image: url("../img/slot4.png");
 }

 .slot5 {
     background-image: url("../img/slot5.png");
 }

 .slot6 {
     background-image: url("../img/slot6.png");
 }

 /*
 * Casino
 */
 body {
     background-color: rgb(240, 150, 150);
 }

 #result {
     width: 100%;
     padding-top: 70px;
     font-size: 5em;
 }

 #mach {
     background: url('../img/machine.png') no-repeat 50% 80px;
     background-position-x: calc(50% + 30px);
     min-height: 580px;
 }

 #mach2 {
     background: url('../img/machine2.png') no-repeat 50% 80px;
     background-position-x: calc(50% + 30px);
     min-height: 580px;
 }


 #casino .content>div {
     padding-top: 150px;
     padding-left: calc(50% - 65px);
     width: 300px;
 }

 .machineContainer {
     padding: 5px 1px 5px 1px;
     height: 135px;
 }

 .clip {
     clip-path: inset(0 0 0 75%);

 }

 .slotMachine {
     width: 36.333333%;
     border: 5px solid #CF5178;
     height: 100px;
     display: inline-block;
 }


 .settings {
     height: 90vh;

 }