* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
	font-family: 'Courier New', monospace;
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

div {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    font-size: 18px;
    /*font-weight: bold;*/
    color: black;
}

.top_main {
    height: 30vh;
	text-align: right;
	font-weight: bold;
	display: flex;
	align-items: end;
	justify-content: right;
	padding-right: 60%;
}

.top {
    height: 15vh;
	text-align: right;
	font-weight: bold;
	display: flex;
	align-items: end;
	justify-content: right;
	padding-right: 80%;
}

.middle_main {
    height: 50vh;
}

.middle_text {
    height: 65vh;
	margin-left: 25%;
	margin-right: 10%;
	overflow: auto;
	line-height: 1.6;
}

.bottom {
	height: 20vh;
	text-align: right;
	font-weight: bold;
	justify-content: right;
	padding-right: 80%;
}

.img_main {
    width: 100%;
    height: 120%;
    object-fit: contain;
}

.img_full {
    width: 100%;
}

@media (max-width: 600px) {
  .bottom{padding-right: 50%; }
  .top {padding-right: 50%; padding-bottom: 3%;}
  .middle_text {margin-left: 5%;  }
}