@import url('https://fonts.cdnfonts.com/css/mister-twisted');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
}

body {

    height: 100vh;
    overflow: hidden;
}

header {
    height: 10vh;
    background-color: rgb(67, 59, 59);
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;

    font-size: 40px;
    letter-spacing: 2px;
        font-family: 'Mister Twisted Expanded', sans-serif;



}

header img{
    height: 80%;
    aspect-ratio: 1;
    z-index: 1;
}

main {
    height: 85vh;
    display: flex;
    position: relative;
}

main img{
    margin:200px;
}

section {
    flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;

    transition:filter 0.5s ease;
}

.left {
    background-image: url('https://res.cloudinary.com/arikxl/image/upload/v1737816682/Ella2023/cp5qihln8wowzl4j0668.jpg');
    transform: scaleX(-1);
    background-position: 0.2px;
    ;
}

.right {
    background-image: url('https://res.cloudinary.com/arikxl/image/upload/v1737816654/Ella2023/atvrybfsluz786vxqsia.jpg');
}

h1{
    position: absolute;
    color:lime;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    font-size: 100px;
            letter-spacing: 2px;
            font-family: 'Mister Twisted Expanded', sans-serif;
            display: none;
}

footer {
    background-color: rgb(67, 59, 59);
        height: 5vh;
        color: white;
        font-family: sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
}

footer a{
    color: white;
    text-decoration: none;
}

footer a:hover{
    text-decoration: underline;
}