*{
    padding: 0;
    border: 0;
    margin: 0;
}


/* scrolling */
html{scroll-behavior: smooth;}


/* titles background */
h1{
    font-family: "Press Start 2P", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
  }

h3{
    font-family: "Press Start 2P", serif;
    font-weight: 100;
}



/* center desining */
nav{
    background-color: gold;
    padding: 10px;
}
/* background color */
body{
    background-color: blue;
}
/* links */
a{
    font-size: larger;
    color: yellow;
}
a:hover{
    font-size: larger;
    color:blue;
}

/* section 3 paragraph color backgound */
.color{
    color: gold;
    background-color: black;
}

/* logo */
.title{
     align-items: center; 
}
/* background */
.about{height: 296vh; 
    background-color: yellow; 
    color: black;
}
.contact{
    height: 100vh; 
    background-color: rgb(0, 0, 0); 
    color: rgb(6, 243, 25);
}
.image{
    background-image: url(image/ufo.jpg);
    height: 100vh;
}
.tizz_links a {color: white;}

.box{
        width: 320px;
        height: 50px;
        padding: 10px;
        border: 5px solid yellow;
        margin: 0;
        background-color: gold;
      }
footer{
    height: 10vh;
    width: 100vw;
}
    
figure{
	position: relative;
	max-width: 275px;
	margin: 2% auto;
	border: 8px solid black;
    background-color: blue;
}
.grid{
    display: grid;
    grid-row: 300px 300px 300px;
    grid-template-columns: repeat(3, 1fr);
}