html {
    background-color: rgb(60, 60, 60);
    font-size: 15px;
    font-family: 'Arial', sans-serif;
    background-image: url("http://www.studiomnk.net/med/static high.gif");
    background-repeat: repeat;
    animation: marquee 60s infinite linear;

  }



head {
  
}

body {
  padding: 3%;
  max-width: 1200px;
  min-width: 550px
  
}
  

divtitle {
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}

h1 {
  font-size: 75px;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.7551651000976562px 0.9588510990142822px 0px, rgb(255, 255, 255) 1.0806045532226562px 1.6829419136047363px 0px, rgb(255, 255, 255) 0.1414743959903717px 1.9949899911880493px 0px, rgb(255, 255, 255) -0.832293689250946px 1.8185948133468628px 0px, rgb(255, 255, 255) -1.6022871732711792px 1.196944236755371px 0px, rgb(255, 255, 255) -1.979984998703003px 0.28224000334739685px 0px, rgb(255, 255, 255) -1.8729133605957031px -0.7015664577484131px 0px, rgb(255, 255, 255) -1.3072872161865234px -1.513604998588562px 0px, rgb(255, 255, 255) -0.4215916097164154px -1.9550602436065674px 0px, rgb(255, 255, 255) 0.5673243999481201px -1.9178485870361328px 0px, rgb(255, 255, 255) 1.417339563369751px -1.4110805988311768px 0px, rgb(255, 255, 255) 1.9203405380249023px -0.558830976486206px 0px, rgb(255, 226, 75) 4px 0px 0px, rgb(255, 226, 75) 3.8756496906280518px 0.9896158576011658px 0px, rgb(255, 226, 75) 3.5103302001953125px 1.9177021980285645px 0px, rgb(255, 226, 75) 2.926755428314209px 2.726555109024048px 0px, rgb(255, 226, 75) 2.1612091064453125px 3.3658838272094727px 0px, rgb(255, 226, 75) 1.2612894773483276px 3.795938491821289px 0px, rgb(255, 226, 75) 0.2829487919807434px 3.9899799823760986px 0px, rgb(255, 226, 75) -0.7129842042922974px 3.935943841934204px 0px, rgb(255, 226, 75) -1.664587378501892px 3.6371896266937256px 0px, rgb(255, 226, 75) -2.5126945972442627px 3.112292766571045px 0px, rgb(255, 226, 75) -3.2045743465423584px 2.393888473510742px 0px, rgb(255, 226, 75) -3.697209596633911px 1.526643991470337px 0px, rgb(255, 226, 75) -3.959969997406006px 0.5644800066947937px 0px, rgb(255, 226, 75) -3.9765186309814453px -0.43278053402900696px 0px, rgb(255, 226, 75) -3.7458267211914062px -1.4031329154968262px 0px, rgb(255, 226, 75) -3.2822375297546387px -2.286245346069336px 0px, rgb(255, 226, 75) -2.614574432373047px -3.027209997177124px 0px, rgb(255, 226, 75) -1.7843499183654785px -3.5799574851989746px 0px, rgb(255, 226, 75) -0.8431832194328308px -3.9101204872131348px 0px, rgb(255, 226, 75) 0.15040861070156097px -3.99717116355896px 0px, rgb(255, 226, 75) 1.1346487998962402px -3.8356971740722656px 0px, rgb(255, 226, 75) 2.048341989517212px -3.4357380867004395px 0px, rgb(255, 226, 75) 2.834679126739502px -2.8221611976623535px 0px, rgb(255, 226, 75) 3.4447696208953857px -2.033116340637207px 0px, rgb(255, 226, 75) 3.8406810760498047px -1.117661952972412px 0px, rgb(255, 226, 75) 3.997797727584839px -0.13271686434745789px 0px, rgb(0, 0, 0) 7px 0px 0px, rgb(0, 0, 0) 6.928692817687988px 0.9966021180152893px 0px, rgb(0, 0, 0) 6.716224193572998px 1.9728999137878418px 0px, rgb(0, 0, 0) 6.366922378540039px 2.9090030193328857px 0px, rgb(0, 0, 0) 5.887904644012451px 3.785839557647705px 0px, rgb(0, 0, 0) 5.288929462432861px 4.585545063018799px 0px, rgb(0, 0, 0) 4.582200527191162px 5.29182767868042px 0px, rgb(0, 0, 0) 3.782116174697876px 5.890296936035156px 0px, rgb(0, 0, 0) 2.9049768447875977px 6.368760585784912px 0px, rgb(0, 0, 0) 1.9686533212661743px 6.717470169067383px 0px, rgb(0, 0, 0) 0.9922212958335876px 6.929321765899658px 0px, rgb(0, 0, 0) -0.004425711929798126px 6.999998569488525px 0px, rgb(0, 0, 0) -1.0009825229644775px 6.928061485290527px 0px, rgb(0, 0, 0) -1.9771459102630615px 6.714975357055664px 0px, rgb(0, 0, 0) -2.913027763366699px 6.365081787109375px 0px, rgb(0, 0, 0) -3.7895612716674805px 5.885509967803955px 0px, rgb(0, 0, 0) -4.588888168334961px 5.28602933883667px 0px, rgb(0, 0, 0) -5.2947235107421875px 4.578853607177734px 0px, rgb(0, 0, 0) -5.89268684387207px 3.7783913612365723px 0px, rgb(0, 0, 0) -6.370595932006836px 2.900949716567993px 0px, rgb(0, 0, 0) -6.718713283538818px 1.9644057750701904px 0px, rgb(0, 0, 0) -6.929947376251221px 0.9878400564193726px 0px, rgb(0, 0, 0) -6.999994277954102px -0.008851422928273678px 0px, rgb(0, 0, 0) -6.927427291870117px -1.0053625106811523px 0px, rgb(0, 0, 0) -6.713724136352539px -1.9813909530639648px 0px, rgb(0, 0, 0) -6.36323881149292px -2.9170515537261963px 0px, rgb(0, 0, 0) -5.88311243057251px -3.7932815551757812px 0px, rgb(0, 0, 0) -5.2831268310546875px -4.59222936630249px 0px, rgb(0, 0, 0) -4.575505256652832px -5.297617435455322px 0px, rgb(0, 0, 0) -3.774664878845215px -5.895074844360352px 0px, rgb(0, 0, 0) -2.896921396255493px -6.3724284172058105px 0px, rgb(0, 0, 0) -1.9601575136184692px -6.719954013824463px 0px, rgb(0, 0, 0) -0.9834584593772888px -6.930570602416992px 0px, rgb(0, 0, 0) 0.013277129270136356px -6.999987602233887px 0px, rgb(0, 0, 0) 1.0097421407699585px -6.926790237426758px 0px, rgb(0, 0, 0) 1.9856352806091309px -6.712470054626465px 0px, rgb(0, 0, 0) 2.921074151992798px -6.361393451690674px 0px, rgb(0, 0, 0) 3.7970004081726074px -5.880712985992432px 0px, rgb(0, 0, 0) 4.595568656921387px -5.280222415924072px 0px, rgb(0, 0, 0) 5.300509452819824px -4.572154998779297px 0px, rgb(0, 0, 0) 5.897459983825684px -3.770936965942383px 0px, rgb(0, 0, 0) 6.374258995056152px -2.8928918838500977px 0px, rgb(0, 0, 0) 6.721191883087158px -1.9559085369110107px 0px, rgb(0, 0, 0) 6.9311909675598145px -0.9790764451026917px 0px, 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
  text-align: center;
  margin-bottom:35px;
  margin-top: 0px;

  }

  h2 {
    margin-top: 4px;
    font-size: 20px;
    color: white;
    background: #b8b8b8;
    text-shadow: 1px 1px 0 #365F96, -1px -1px 0 #5A8BCE, 0px 2px 5px #365F96;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+51,a2daf5+83,bdf3fd+100;Blue+Gloss+%231 */
background: rgb(184,225,252); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4ZTFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2E5ZDJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzkwYmFlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iIzkwYmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkwYmZmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzZiYThlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2EyZGFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGYzZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-8 */
    padding-left: 20px;
    border: 5px groove #354b42;
    border-radius: 15px;
    -webkit-box-shadow: inset 0px 0px 6px 1px #FFFFFF; 
    box-shadow: inset 0px 0px 3px 1px #FFFFFF;

    }

  h3 {
    font-size: 25px;
    color: white;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(19, 104, 64, 1));
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-shadow: rgba(255, 0, 0, 0.5) 20px 5px 5px;
    padding-left: 20px;
    text-decoration: wavy 10px;
    }
   

p1 {
  background-color: black;
  color: yellow;
  align-self: center
  }
  
p, li {
  font-size: 16px;
  line-height: 2;
  }
  
img {
  display: block;
  margin: 0 auto;
  }

div {
  width: auto;
  height: auto;
  padding: 15px;
  border: 2px solid gray;
  border-radius: 5px;
  box-shadow: 3px 3px 1px black;
  background: wheat;
  color: black;
  line-height: 130%

}
  .title-box {
   box-sizing: border-box;
   border-radius: 10px;
         /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+50,0a0e0a+51,0a0809+100;Black+Gloss */
    background: rgb(174,188,191); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

  }

  .background-box {
    box-sizing: border-box;
    border-radius: 10px;
    background: #194d33;
  }
  .content-box {
    box-sizing: content-box;
    background-image:url("http://www.studiomnk.net/med/tiles/content-box.png");
  }
  .head-content-box {
    box-sizing: content-box;
  }
  @media screen and (max-width: 1024px) {
    .head-content-box {
        display: none !important;
    }
  }

  
  .border-box {
   box-sizing: border-box;
  }



topmenu {
  width: auto ;
  height: auto;
  padding: 8px;
  border: 2px solid gray;
  border-radius: 5px;
  box-shadow: 3px 3px 1px black;
  background: linear-gradient(white, grey);
  box-sizing: border-box;
  font-weight: bold;
  color: darkslategrey;
  te
  }
-
  p, 
ul {
  border: 2px solid rgb(52, 165, 199);
  padding: .5em;
  background-color: rgb(145, 219, 191);
  color: black
}

.block,
li {
  border: 1px solid green;
  padding: .5em;
  margin-block-end: 10px;
  background-color: rgb(37, 52, 47);
  background-image:url("http://www.studiomnk.net/med/tiles/background-box.png");
  border-radius: 5px;
  color: transparent;

  -webkit-box-shadow: 0px 6px 30px 6px #000000; 
  box-shadow: 0px 6px 30px 6px #000000;
}

ul {
  display: flex;
  list-style: none;
}

.block {
  display: block;
}      
    
img {
  width: 90%;
  border-radius: 3px;
  box-shadow: 3px 3px 0px black;
 
  
}

video {
  
  width: 90%;
  max-width: 720px;
  color: black;
  border: 5px ridge rgba(81, 101, 114, 0.6);
  border-radius: 3px;
  box-shadow: 3px 3px 0px black;
}

.container {  display: grid;
  grid-template-columns: 250px 3.7fr 200px;
  grid-template-rows: 0.5fr 1fr 0.5fr;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "head head head"
    "left body right"
    "bottom bottom bottom";
}

.head { grid-area: head; }

.body { grid-area: body; }

.left { grid-area: left; }

.right { grid-area: right; }

.bottom { grid-area: bottom; }

@keyframes marquee {
  0% {
    background-position: 0;
  }

  100% {
    background-position-x: -5400px;
    background-position-y: -5400px;
  }