@charset "utf-8";
#clickview {
}

 body {
            display: flex;
        }
        main {
            flex: 2;
        }
        aside {
            flex: 1;
        }


        /* Hide the radio buttons visually */
        input[type="radio"] {
            display: none;
        }

        /* Style the labels (which act as our clickable links) */
        label {
            display: block; /* Make labels take full width */
            cursor: pointer;
            color: #3B4B5B;
        }

        label:hover {
            color: #AFCAB7;
			text-decoration: underline;
        }
        /* Hide all images in the aside initially */
        .aside-images div {
            display: none;
        }

        /* When a specific radio button is checked, display its corresponding image */
        #showImage1:checked ~ .aside-images #image1,
        #showImage2:checked ~ .aside-images #image2 {
            display: block; /* Display the specific image */
        }