body{height: 500vh;
    background-color:rgb(242, 214, 177);
    text-align: center;}

h1{font-family:Arial, Helvetica, sans-serif;}

.feature-card-container{display: flex;
                        justify-content:space-evenly;
                        flex-wrap:wrap;
                        margin: auto;
                        max-width: 500px;}

.feature-card{max-width: 150px;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
            margin-right: auto;
            margin-left: auto;
            margin-top: 20px;
            text-align: center;
            position: relative; 
            width: 25%;
            background-color:rgb(244, 236, 225);
            font-family:Arial, Helvetica, sans-serif;}

.feature-card:has(input:checked){border: 2px solid rgb(204, 159, 74);}

input[type='checkbox']{appearance: none;
                    width:20px;
                    height:20px;
                    cursor:pointer;
                    border:1px solid rgb(204, 159, 74);
                    border-radius: 1px;
                    position: absolute;
                    top: 10px;
                    right: 10px;}

input[type='checkbox']:checked{background-color:rgb(204, 159, 74);
                            border-color:peru;}

input[type="checkbox"]:checked::after
                    {content:"✓";
                    display: block;
                    text-align:center;}