@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

:root {
  --main-color1: #7c0196;
  --color-white: #fff;
  --padding: 16px;
  --font-size: 18px;
}

body {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  box-sizing: border-box;
  direction: rtl;
  background-color: #f2f2f2;
  overflow: hidden !important;
}



@media (max-width: 768px) {

  h1{

    text-align: center;
    font-size: 1rem !important;
  }

  #canvas
  {
    width: 400px;
    margin-top: 50% !important;
  }

      .logo img {
        width: 15% !important;
        position: absolute;
        bottom: 0;
        left: 15px;
        top: 40px;
    }


}