.heading{font-size:2rem;font-weight:800;color:#1f2937;text-align:center;color:#f43b47;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;position:relative}.heading:after{content:"";width:60px;height:4px;background-color:#f43b47;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.top{min-height:90svh!important}section{background-position:50%;background-repeat:no-repeat;background-size:cover}.ul{--col-gap:2rem;--row-gap:2rem;--line-w:0.25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;grid-column-gap:var(--col-gap);column-gap:var(--col-gap);list-style:none;width:min(60rem,90%);margin-inline:auto}.ul:before{content:"";grid-column:1;grid-row:1/span 20;background:rgb(225,225,225);border-radius:calc(var(--line-w) / 2)}.ul li:not(:last-child){margin-bottom:var(--row-gap)}.ul li{grid-column:2;--inlineP:1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid}.ul li .date{--dateH:3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:var(--accent-color);color:white;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.ul li .date:before{width:var(--inlineP);background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);top:100%;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);right:0}.ul li .date:after,.ul li .date:before{content:"";aspect-ratio:1;position:absolute}.ul li .date:after{width:2rem;background:white;border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.ul li .descr,.ul li .title{background:var(--bgColor);position:relative;padding-inline:1.5rem}.ul li .title{overflow:hidden;-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1rem;padding-block-end:1rem;font-weight:500}@media (min-width:40rem){.ul{grid-template-columns:1fr var(--line-w) 1fr}.ul:before{grid-column:2}.ul li:nth-child(odd){grid-column:1}.ul li:nth-child(2n){grid-column:3}.ul li:nth-child(2){grid-row:2/4}.ul li:nth-child(odd) .date:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);left:0}.ul li:nth-child(odd) .date:after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}.badges{display:inline;color:white}.badges>span{display:inline-block;padding:10px 15px;border-radius:15px;margin:5px}.html{background-color:#e34c26}.css{background-color:#264de4}.js{background-color:#F0DB4F}.react{background-color:#7cc5d9}.mongo{background-color:#4DB33D}.node{background-color:#68A063}.python{background-color:#4B8BBE}.php{background-color:#474A8A}.sql{background-color:#00758F}.aws{background-color:#FF9900}