:root{
	--dark: #00345F;
	--azul: #027BE4;
	--rosa: #DA0080;
	--morado: #660EFF;
	--gris: #F2F2F2;
	--deg1: #027BE4;
	--deg2: #06BEF2;
	--light: #C8E8F8;
    --rojo: #FF0000;
    --white: white;
}
.ty-page{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ty-image{
    width: 250px;
    height: 250px;
}

.ty-image .ty-image-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--rosa);
    border-radius: 50%;
    overflow: hidden;
}

.ty-image .ty-image-container img{
    width: 100%;
    height: 100%;
}

#ty-title{
    color: var(--azul1);
    margin: 10px 0 0 0;
    font-size: 25px;
}

#ty-title~p{
    color: var(--azul-dark);
    margin: 10px;
    font-size: 22px;
}

.ty-footer h2{
    color: var(--azul-dark);
}

.ty-footer button{
    background: var(--azul1);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
}

.ty-footer button:hover{
    background: var(--rosa);
}