/*
.what_I_do {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.what_I_do > .item {
    
}
.what_I_do > .item h2 {
    margin-bottom: 15px;
}
.what_I_do > .item p {
    
}
*/
body {
    background-color: rgba(255, 250, 240, 1);
    position: relative;
}

.growth_background {
    width: 500px;
    height: 500px;
    background-image: url("/src/images/monitor.png?v=1");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
@media only screen and (max-width: 700px) {
    .growth_background {
        width: 300px;
        height: 300px;
    }
}

.what_I_do {
    padding: 50px 100px 50px 100px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    max-width: 500px;
    
    /*background-color: azure;*/
    background-color: rgba(205, 245, 245, 0.5);
}
@media only screen and (max-width: 700px) {
    .what_I_do {
        padding: 50px;
    }
}
@media only screen and (max-width: 400px) {
    .what_I_do {
        padding: 25px;
    }
}
.what_I_do .item {
    /*background-color: rgba(255, 245, 235, 1);*/
    /*background-color: rgba(50, 50, 50, 1);*/
    background-color: rgba(100, 100, 200, 1);
    color: #fff;
    padding: 30px;
    border-radius: 10px;
}
.what_I_do .item h2 {
    margin-bottom: 20px;
}
.what_I_do .title_list p {
    margin-bottom: 5px;
}
.what_I_do .item .list {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.what_I_do .item a {
    font-style: italic;
    transition: color 0.10s ease-in-out;
}
.what_I_do .item a:hover {
    /*color: blueviolet;*/
    color: rgba(255, 100, 100, 1);
}