@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
:root {
  --gradient: linear-gradient(to left top, #DD2476 10%, #FF512F 90%) !important;
}

body {
	/* background-image:url("https://animemotivation.com/wp-content/uploads/2018/06/Re-Zero-anime-wallpaper-of-rem-and-ram.jpg"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-color: gray !important;
 
	font-family: "Roboto", sans-serif;
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}


.main-content {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text {
  color: white;
}
.for{
  color: lightblue;
}

.centered-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 200px;
}

.centered-content .text {
  text-align: center;
  display: block;
  margin: 0;
  max-width: 80%;
  
}

.textnew {
  color: pink;
  font-size: 40px;
}