:root {
  --bgX: 0px;
  --bgY: 0px;
  --scale: 1;
  --skew: 0deg;
}

.bg {
  width: 100vw;
  height: 100vh;
  background-image: url('road.png');
  background-repeat: repeat;
  background-size: cover;
}


.title {
    align-items: center;
    text-align: center;
}

html {
      margin:0;
      height:100%;
      font-family: 'Courier New', Courier, monospace;
      color:rgb(0, 255, 255);
      
}

.bg {
  position: fixed;   /* stays in place */
  inset: 0;          /* full screen */
  z-index: -1;       /* behind everything */

  background-image: url(https://xmple.com/wallpaper/graph-paper-grid-cyan-black-7680x4800-c2-030c0d-126f7e-l2-6-144-a-0-f-20.svg);
  background-repeat: repeat;   /* important */
  background-size: 240%;          /* zoom in */
  background-position: 80% 20%;   /* push view away from bottom-right */
  
  background-position: var(--bgX) var(--bgY);
  filter:blur(3.2px);
  
}

body {
    height:100%
}

.cbox {
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: row;
}


.fullbox1 {
    display:flex;
    border: 2px, solid rgb(7, 247, 255);
    border-radius: 20px;
    width: 25%;
    margin: 4px;
    
}

.fullbox2 {
    display:flex;
    border: 2px, solid rgb(0, 255, 247);
    border-radius: 20px;
    width: 50%;
    margin: 4px;
    
}

.fullbox3 {
    display:flex;
    border: 2px, solid rgb(0, 238, 255);
    border-radius: 20px;
    width: 25%;
    margin: 4px;
}

.leftcbox {
    text-align: center;
    width:100%;
    text-decoration: underline;
}
.centcbox {
    text-align: center;
    width:100%;
    text-decoration: underline;
}

.rightcbox {
    text-align: center;
    width:100%;
    text-decoration: underline;
}