@font-face {                  
font-family: 'MachineLearning';
src: url(https://humantooth.neocities.org/fonts/MachineLearningFont-v1.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #1a0033;
    background: url(https://i.pinimg.com/736x/4a/cb/d2/4acbd20f18467c289a6d564394aaabe3.jpg);
    background-repeat: repeat;
    background-size: 80px;
    justify-content: center;
    align-content: center;
    font-family: 'MachineLearning';
    box-sizing: border-box;
}

.top {
  color: #d403e1;
  font-size: 128px;
  text-align: center;
  margin: 20px 0 35px 0;
}

.bck {
    margin: 0 auto;
    width: 920px;
    height: 95%;
    text-align: center;
    background-color: #460071;
    color: #d403e1;
    border-radius: 30px;
    padding: 20px 0 60px 0;
    flex: 1;
  }
  
  h1 {
    margin: 6px 0;
  }
  

.main-img {
    width: 800px;
    max-width: 90%;
    height: auto;
    border-radius: 10px;
    border: #d403e1 2px solid;
    margin: 0 auto;
    display: block;
}

footer {
  height: 80px;
  background-color: #d403e1;
  margin-top: auto;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}