The Katukoirat family

/* Background styles */

body {

background-image: url(‘background.jpg’);

background-size: cover;

background-position: center;

font-family: ‘Roboto’, sans-serif;

}

.container {

background-color: rgba(0,0,0,0.7);

padding: 50px;

border-radius: 10px;

margin-top: 100px;

}

/* Main title styles */

.main-title {

text-align: center;

margin-bottom: 30px;

}

.main-title h1 {

font-family: ‘Pacifico’, cursive;

font-size: 60px;

text-transform: uppercase;

color: #fff;

text-shadow: 2px 2px #000;

transform: skewX(-20deg);

display: inline-block;

padding: 10px 20px;

background-color: #ff6b6b;

border-radius: 10px;

box-shadow: 0px 3px 6px rgba(0,0,0,0.6);

}

/* Photo group styles */

.photo-group {

display: flex;

justify-content: center;

margin-bottom: 50px;

}

.photo-group img {

width: 200px;

height: 200px;

object-fit: cover;

margin: 0 10px;

border-radius: 10px;

}

/* Logo styles */

.logo {

text-align: center;

margin-bottom: 50px;

}

.logo img {

width: 200px;

height: 200px;

object-fit: cover;

border-radius: 50%;

box-shadow: 0px 3px 6px rgba(0,0,0,0.6);

}

/* Button styles */

.buttons {

display: flex;

justify-content: center;

}

.btn {

margin: 0 10px;

padding: 10px 20px;

font-size: 20px;

text-transform: uppercase;

background-color: #ff6b6b;

color: #fff;

border: none;

border-radius: 10px;

box-shadow: 0px 3px 6px rgba(0,0,0,0.6);

}

.btn:hover {

opacity: 0.8;

}