You are on page 1of 2

css file that is used with sloth tree spider

body {
background-color: lightyellow;
}

.btn {
padding: 10px;
color: white;
font-weight: bold;
border-radius: 50%;
text-decoration: none;
}

.btn-1{
background-color: rgb(136, 201, 221);
}

.btn-2{
background-color: rgb(196, 233, 32);
}

.btn-3{
background-color: rgb(22, 243, 59);
}

.selections {
display: flex;
justify-content: center;
}

.selection {
background: none;
border: none;
outline: none;
cursor: pointer;
font-size: 3rem;
transition: 100ms;
}

.selection:hover {
transform: scale(1.2);
}

.results {
margin-top: 1rem;
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 1fr);
justify-items: center;
align-items: center;
font-size: 3rem;
color:red;
}

.result-score {
margin-left: .1rem;
font-size: 3rem;
color:blueviolet;
}

.result-selection {
opacity: .5;
}

.result-selection.winner {
opacity: 1;
font-size: 2.5rem;

You might also like