🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../567358.klas4s23.mid-ica.nl/public_html/Game/game.css

:root{
  --width: 400px;
}
*{
  padding: 0;
  margin: 0;
  outline: none;
}
.game{
  width: 500px;
  height: 500px;
  margin:auto;
  border: 1px solid black;
}
button{
  font-size: 2rem;
  padding: 0.5rem 2rem;
  border: 3px solid black;
  border-radius: 0.3rem;
  margin: 1rem auto;
  display: block;
}
#btn{
  background-color: lightgreen;
}
#btn:hover, #restart:hover{
  background-color: yellow;
}
#btn:active, #restart:active{
  background-color: red;
}
#restart{
  background-color: orange;
  display: none;
}
.slider{
  visibility: hidden;
  background-color: rgb(21, 0, 255);
  height: 20px;
  width: 100px;
  position: relative;
}
.slider1{
  visibility: visible;
}
.animate{
  animation: side 4s infinite linear;
}
@keyframes side{
  0%{left:0px}
  50%{left:var(--width)}
  100%{left:0px}
}
 
.game{
 
  background-image: url("https://i.pinimg.com/originals/8d/14/ea/8d14ea64522d989ab4f28b5cdee486f3.jpg")
}
 
Body {
    margin: 0;
    padding: 0;
    background-image: url("Sky.avif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow-y: hidden;
    background-image: url(brick2.jpg)
}
 
.Block1 {
    position: absolute;
    left: 17%;
    top: 79%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block2 {
    position: absolute;
    left: 34%;
    top: 79%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block3 {
    position: absolute;
    left: 51%;
    top: 79%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block4 {
    position: absolute;
    left: 68%;
    top: 79%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block5 {
    position: absolute;
    left: 60%;
    top: 58%;
    background: linear-gradient(to right, black, blue);
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block6 {
    position: absolute;
    left: 43%;
    top: 58%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block7 {
    position: absolute;
    left: 26%;
    top: 58%;
    background: linear-gradient(to right, black, blue);
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block8 {
    position: absolute;
    left: 35%;
    top: 37%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block9 {
    position: absolute;
    left: 52%;
    top: 37%;
    background-color: black;
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Block10 {
    position: absolute;
    left: 43%;
    top: 16%;
    background: linear-gradient(to right, black, blue);
    width: 250px;
    height:150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
}
 
.Title {
    position: absolute;
    top: 15%;
    left: 675px;
    font-family: "Peace Sans", sans-serif;
    font-size: 25px;
    color: #ffffff;
    text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.686);
    text-align: center;
    line-height: 100px;
    height: 100px;
    z-index: 5;
  /* Title styling  */
}
 
.Button1 {
    position: absolute;
    top: 59%;
    left: 64%;
    font-family: "Peace Sans", sans-serif;
    font-size: 25px;
    color: #ffffff;
    text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.686);
    text-align: center;
    height: 10%;
    z-index: 3;
    text-decoration: none;
    /* QUIT knop styling  */
}
 
.Button2 {
 
    position: absolute;
    top: 59%;
    left: 29%;
    font-family: "Peace Sans", sans-serif;
    font-size: 25px;
    color: #ffffff;
    text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.686);
    text-align: center;
    height: 10%;
    z-index: 3;
    text-decoration: none;
    /* START knop styling  */
}

.ScoreText {
  color: white;
  font-size: 40px;
}

.Score {
  color: white;
  font-size: 30px;
}

.HighScoreText {
  color: white;
  font-size: 40px;
}

.highscore {
  color: white;
  font-size: 30px;
}

🎯 Available Actions