BROWSER PROJECTS

  SNAKE  GAME CSS  FILE  CODE @import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap'); *{     padding: 0;     margin: 0; } .body{     background: url("../img/bg.jpg");      min-height: 100vh;     background-size: 100vw 100vh;     background-repeat: no-repeat;     display: flex;     justify-content: center;     align-items: center; } #scoreBox{     position: absolute;     top: 9px;     right: 200px;     font-size: 39px;     font-weight: bold;     font-family: 'New Tegomin', serif; } #hiscoreBox{     position: absolute;     top: 59px;     right: 140px;     font-size: 39px;     font-weight: bold;     font-family: 'New Tegomin', serif; } #board{     background: linear-gradient(rgb(170, 236, 170), rgb(236, 236, 167)); ...

  ANALOG  CLOCK CSS FILE CODE #clockContainer{       position: relative;     margin: auto;     height: 40vw;     width: 40vw;      background: url(clock.png) no-repeat;     background-size: 100%; } #hour, #minute, #second{     position: absolute;     background: black;     border-radius: 10px;      transform-origin: bottom; } #hour{     width: 1.8%;     height: 25%;     top: 25%;     left: 48.85%;     opacity: 0.8;   } #minute{     width: 1.6%;     height: 30%;     top: 19%;     left: 48.9%;     opacity: 0.8;   } #second{     width: 1%;     height: 40%;     top: 9%;     left: 49.25%;     opacity: 0.8;       } JAVASCRIPT  FILE  CODE setInterval(() => {   ...