@import url('https://fonts.googleapis.com/css2?family=Gveret+Levin&family=Handjet:wght,ELSH@100..900,2&family=IBM+Plex+Sans+Hebrew:wght@100;200;300;400;500;600;700&display=swap');

body {background-image: url("../b1.png"); font-family: "IBM Plex Sans Hebrew", sans-serif;
      position: relative; margin:0; padding:0; display: flex; justify-content: center;}

.border {/*border: 2px dashed black;*/
         border-top-style: none; border-bottom-style: none;
         width: 600px; }

.header {background-color: black;
         height: 60px; width: 600px;
         box-sizing: border-box; justify-content: left; display: flex;}

.header img {object-fit: cover; padding: 13px; padding-top: 5px;}

.header a {font-family: "Handjet"; color: white; 
           font-size: 35px; padding: 10px 0px; margin: 0; text-decoration: none;}
           
.header a:link {
  text-decoration: none;}

.header a:visited {
  text-decoration: none;}

.header a:hover {
  text-decoration: none;
  color: white;}

.header a:active {
  text-decoration: none;}

.p {background-color: white;
     width: 600px; position: relative;
     padding: 10px; margin-left: 0;
     box-sizing: border-box; min-height: 700px;}

.m { width: 205px;
     box-sizing: border-box; position: sticky; top: 0;}

.m iframe {border: none; width: 200px; height: 400px;
           position: sticky; top: 0; box-sizing: border-box;}

.f {width: 600px; position: bottom; padding: 10px;
     box-sizing: border-box; background-color: white; position: relative;}

.f a {font-family: "Handjet"; color: #5f5f5f; padding: 5px 5px;}

.f button {border: 2px solid black; border-radius: 5px; padding: 5px;
           font-family: "IBM Plex Sans Hebrew", sans-serif;}