body {
	font-family: Courier New, sans-serif;
}

.title {
	font-weight: normal;
	font-size: 3vw;
	padding-left: 1vw;
	padding-bottom: 5%;
}

.title:hover {
    color: red;
}

a {
    text-decoration: none;
    color: inherit;
}

main {
	background: #fff;
	width: 60vw;
	margin: 0 auto;
}

.parent {
	display: grid;
	grid-template-columns: 3fr 4fr;
	grid-template-rows: minmax(max-content);
	gap: 2rem;
}

.tellme {
	text-align: right;
}

#trigger, #trigger2, #trigger3 {
    color: red;
}

#trigger:hover {
    opacity: 0.5;
    cursor: pointer;
}

#trigger2:hover {
    opacity: 0.5;
    cursor: pointer;
}

#trigger3:hover {
    opacity: 0.5;
    cursor: pointer;
}

.target {
    visibility: hidden;
}

.target2 {
    visibility: hidden;
}

.target3 {
    visibility: hidden;
}


.effect {
    visibility: visible;
}