@import "./reset/_reset.scss";
@import "./help/_variables.scss";


// Секция для ссылки на загрузку кода
.download a{
    font-size: 20px;
    color: blue;
}
.download{    
    width: 200px;
    position: absolute;   
    bottom: 0;
    right: 0;
    margin-right: 5%;
    margin-bottom: 7.5%;
}


body {
    background-color: mediumaquamarine;
}


// Основная оболочка
.wrapper {
    display: flex;
    flex-flow: row wrap;
    min-height: 100vh;
    padding: 0 100px;
    gap: 50px;
    align-items: center;
    img {
        width: 100px;
        border-radius: 150px 0;
        box-shadow: -30px -30px 30px rgba(0,0,0,0.5);
        object-fit: contain;
        flex: 1 1 400px;
        filter: grayscale(50%) blur(4px);
        transition: 1s filter;  
        &:hover {
            filter: grayscale(0);
        }
    }
    :nth-child(2) {
        flex: 6 1 500px
    }
}