div#getPhoto { width: 95vw; height: 85vh; margin: 5px auto; border: 10px solid #327960; box-shadow: 0px 0px 50px #327960; } body { background-color: black; } p { display: flex; margin: 0; text-align: center; } img { max-width: 70%; height: auto; } .photo { text-align: center; } h1 { color: white; text-shadow: 0px 0px 150px white; } .area { margin: auto; flex-wrap: wrap; display: flex; } .tab_class { width: calc(100%/5); height: 50px; background-color: darkgrey; line-height: 50px; font-size: 15px; text-align: center; display: block; float: left; order: -1; } input[name="tab_name"] { display: none; } input:checked+.tab_class { background-color: cadetblue; color: aliceblue; } .content_class { display: none; width: 100%; } input:checked+.tab_class+.content_class { display: block; } .photo { margin: auto; }