* {
    margin: 0;
    padding: 0;
}

body {
    display: grid;
    place-items: center;
    overflow-x: hidden;
	background-image: url('K.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	
}


h1 {
    margin-right: 30px;
	  border: 2px solid #9B5600; 
  padding: 10px; 
  background-color: #FFFFFF; 
  text-align: center; 
  width: 50%; 
  margin: 0 auto;
  background-image: url("yumi-kim-ofhso5YyN3o-unsplash.jpg"); 
  color: #D0D0D0 ;  
}

ul {
    display: grid;
    grid-template-columns: 1fr;
}

h3 {
	color: #000000;
}

h4 {
	color: #000000;
	background-image: url("tomb_of_the_knight_templar_by_rpgambient_dgdkb7p-414w.jpg");
}
	

#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height:40px;
  width: 40px;
  padding: 12px 18px;
  z-index: 2;
    background-image: url("8026cc832244ce0cb8a29d13392d6906.png");
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 80px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:80px;
  background-color: #FFFFFF;
  margin-left: 30px
}
.play {
  background-image: url("8026cc832244ce0cb8a29d13392d6906.png");
}
.pause {
   background-image: url("7e36013ce53a773eefb59e3a01dbc141.jpg")!important;
}

textarea {
	width: 700px;
	height: 600px;
}

.divv {
    display: flex;
}

li {
    list-style: none;
    display: grid;
    place-items: center;
    font-size: 0px;
}

.box {
    margin: .5px;
    width: 75px;
    height: 75px;
}

#tog {
    margin: 10px 0px;
}


.allimg {
    width: 45px;
    position: relative;
    bottom: 5px;
}

.allpawn {
    transform: scale(.7);
}

.authcont {
    width: 100vw;
}

.author {
    float: right;
    margin-right: 50px;

}


@media (max-width:650px){

    #tog {
        margin-bottom: 70px;

    }

    .box {
        width: 11vw;
        height: 11vw;
    }

    .allimg {
        width: 7vw;
    }
}

surligner {
    color: #FFFFFF;
}

video {
	width: 25%;
	height: 25%;
	margin-right: 600px;
}

video[data-video="video2"] {
	margin-left: 625px;
	transform: translateY(-300px);
}

video[data-video="video3"] {
	height: 350px;
	width: 350px;
	margin-right: 1000px;
}

p {
	Font-size: 2rem;
	color: #D0D0D0;
	margin-right: 1000px;
}

txt {
	Font-size: 4rem;
	color: #000000;
	Margin-left: 700px;
}