@charset "utf-8";

@media screen and (min-width:420px) {
	.SP_Flex_container{
		display: flex;
		justify-content: space-around;
	}
}
	.SP_Flex_container a{
		width: 100%;
	}


main {
    width: 240px;
    margin: 32px auto;
}

section {
    border: 4px double rgb(255, 0, 0);
    text-align: center;
    color: rgb(255, 0, 0);
}

h1 {
    margin: 0;
    border-bottom: 2px solid rgb(255, 0, 0);
    font-weight: normal;
    padding: 8px 0;
}

p {
    margin: 0;
    width: 235px;
    height: inherit;
    border-radius: 20px;
    overflow: hidden;
   
  
}

button {
    all: unset;
    width: 100%;
    background: rgb(255, 0, 0);
    border-radius: 8px;
    color: white;
    text-align: center;
    padding: 8px 0;
    margin: 16px 0;
    cursor: pointer;
    box-shadow: 0 4px #7a0000;
}

button:hover {
    opacity: .8;
}

button:active {
    box-shadow: 0 1px #7a0000;
    transform: translateY(3px);
}

main a img{
   
    padding: 8px 0;
    margin: 10px 0;
}
footer img{
	width: 150px;
	height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
   
 }