@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    width: 768px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 135px;
}

section {
    background-color: #e2e9f2;
    outline: 1px solid #cad7e8;
    border-radius: 16px;
    padding: 32px;
    position:relative;
    
}

article {
    background-color: #cad7e8;
    border-radius: 16px;
    padding: 32px;
    margin-top: 16px; 
}

.line {
    border-radius: 0;
    border-left: 8px solid red;
}

h2 {
    font-family: "Inter", sans-serif;
    font-size: 12.8px;
    line-height: 1.5;
    font-weight: 700;
}
.tip {
    font-kerning: 1px;
}

.box {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    padding: 16px;
    background-color: #CAD7E8;
    font-kerning: 1px;
}

.box--positioned {
        position: absolute;
        background-color: #EBA893;
        bottom: 50px;
        right: 50px;
    }

img {
        display: inline;
    }