* {
    margin: 0;
    padding: 0;
    font-family: 'Architects Daughter', cursive;
    cursor:default;
}

a {
    cursor:pointer;
}

#cat_breed_select {

    display: flex;
    align-items: center;
    justify-content: center;
    height: 7vw;
    
}

#cat_breed_select div{
    display: flex;
    justify-content: center;

    outline-style: solid;
    outline-color: rgb(233, 92, 186);
    outline-width: 0.4vw;
    border-radius: 2vw;
    height: 3vh;
    min-width: 25vw;
    background-image: linear-gradient(to left, rgb(192, 40, 212), rgb(233, 139, 220));
}

#cat_breed_select span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: 1vw;
    color: white;
    
}
#cat_breed_select select {
    border-radius: 1vw;
    border: none;
}
#cat_breed_select select:hover, option:hover{
    cursor: pointer;
}


#imagebox {
    width: 51vw;
    height:51vw;
    display: grid;
    grid-template-columns: repeat(3,17vw);
    grid-auto-rows: 17vw;
    place-items: top;
    

    
}
#imagebox img {
    width: 15vw;
    height: 15vw;
    object-fit:cover;
    border-style: solid;
    border-color: rgb(233, 92, 186);
    border-width: 0.5vw;
    border-radius: 2vw;
    filter: drop-shadow(0px 0px 0vh violet); 

    transition: 200ms;

    
}
#imagebox img:hover {
    filter:drop-shadow(0px 0px 3vh rgb(255, 255, 255));
    transform: scale(1.1);
    cursor: pointer;
}

.cat_display {
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-color: rgb(233, 92, 186);
    border-width: 0.5vw;
    border-radius: 2vw;
    width: 40vw;
    max-height: fit-content;
    justify-content: center;
    align-items: center;
    min-height: 32vw;
    background-color: aliceblue;
    transition: 200ms;
}
.cat_display img {
    width: 35vw;
    border-radius: 2vw;
    margin-top: 2vw;
}

#cat_info {
    margin: 2vw;
}

.wrapper {
    width: 90vw;
    display: flex;
    align-items:start;
    justify-content:space-between;
    gap: 3vw;
    margin: 2vw;
    
}

#section_1 {
    
    height: fit-content;
    width: 100%;
    background-image: url(../Media/flower_background.jpg);
    padding-bottom:2vh;
}

#section_2 {
    height: 40vh;
    width: 100%;
    margin: 0;
    background-color: rgb(244, 187, 255);
    padding-top: 3vh;
}
.textbox {
    background-color: aliceblue;
    border-radius: 2vw;
    padding: 3vw;
}
.snakebutton img{
    aspect-ratio: 1/1;
    width: 8vw;
    transition: 200ms;
    margin: 3vw;
}
.snakebutton img:hover {
    transform: scale(1.2);
    filter: invert();
    cursor: pointer;
}