index_css.html

<style>

* {
  font-family: 'Krub', sans-serif;
  color: white;
}

body {
  background: linear-gradient(60deg, #990000 50%, #011F5B 50%);
  height: 100vh;
}

#container {
  display: grid;
  grid-template-columns: auto auto;
  margin: 15vh 10vw;
}

#image {
  text-align: center;
  margin-top: 10vh
}

img {
  width: 30vw;
}

#form {
  margin-left: 12vw;
}

#data {
  margin-top: 30vh;
  margin-left: 8vw;
  padding: 15px;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ddd;
}

h1 {
  position: absolute;
  font-size: 54px;
}

label {
  font-size: 18px;
}

input {
  background-color: transparent;
  border-color: white;
  border-radius: 10px;
  outline: none;
  padding: 10px;
  margin-bottom: 10px;
}

input[type='file'] {
  width: 200px;
  padding-top: 0px;
}

input[type='submit'] {
  cursor: pointer;
  background-color: #fff3;
}
</style>