@font-face{font-family:onest;src:url(../fonts/Onest-Regular.ttf)}body{padding:15px;background-color:#2d2d37;color:#dadada;font-family:Montserrat,Lato,sans-serif;background-image:url(../img/waves.svg);background-size:cover;overflow:overlay}::-webkit-scrollbar{background-color:transparent;width:12px}::-webkit-scrollbar-thumb{background-color:#50505054}.profile{display:flex;align-items:center;gap:14px;margin-top:0}.profile h1{font-size:1.5em}.profile img{border-radius:50%;width:42px}p{line-height:23px;font-family:onest,sans-serif}.tech{font-size:.9rem;border:1px solid #fff;padding:1px 10px;border-radius:15px}a{text-decoration:none;color:#e71d36ad}.title{color:#fff;margin-top:30px}ul li+li{margin-top:10px}.container{display:flex;align-items:center;justify-content:center}.wrap{max-width:950px}.header{background-color:#00000047;border-radius:3px;padding:20px 30px;margin-bottom:25px}.header h1{margin-bottom:10px;color:#fff}.header>.info{display:flex;justify-content:space-between;align-items:center}.title-section{display:flex;align-items:center}.title-section:after{content:"";display:block;position:relative;width:100%;height:1px;margin-left:20px;background-color:#c9cad9}.number{margin-right:10px;font-size:.9em;font-weight:400;color:#e71d36ad}.items{margin-top:35px;margin-bottom:40px}.items .item{display:flex;justify-content:space-between;align-items:center;gap:30px}.items .item+.item{padding-top:20px;border-top:1px dotted #c9cad92e}.items .item h3{margin-top:0;margin-bottom:0}.items .item h4{margin-top:7px;margin-bottom:0;font-size:.9em;color:#c9cad9}.items .item .content{flex:1}.items .item .preview img{border:6px solid #c9cad9;max-width:250px;max-height:140px}.items .item .title{margin-top:0}.items .item .title h3 a{color:#e71d36!important}.items .item:nth-child(2n){}.items .item .read-more{margin-top:15px;display:inline-block;padding:.5rem 1rem;border:1px solid #e71d36}.items .item+.item{margin-top:20px}.read-more:hover{}a:hover{color:red}.items-other{display:flex;gap:20px}.items-other .other{background-color:#00000047;padding:15px;margin-top:30px;margin-bottom:60px;border:2px solid #c9cad98f}.items-other .other h3{margin-top:0}.footer{display:flex;justify-content:center;margin-top:40px;margin-bottom:40px}.footer a{border-radius:5px;background-color:#00000047;padding:15px;text-transform:uppercase;color:#fff;box-shadow:0 0 2px #00000047;border:1px solid #0000000f}.footer a:hover{background-color:#80000033}.info h2{margin-top:0;margin-bottom:0;font-size:1.3em}#info-links{margin-top:0;margin-bottom:0;display:flex;align-items:center;font-size:.95em;gap:13px}#info-links a.b{padding:5px 10px;background-color:#00000047;border-radius:5px}#info-links img{width:24px;height:24px}#info-links a{color:#ffbdc6}.wrap img{max-width:100%}.header-img{margin-bottom:20px;box-sizing:border-box;border-radius:7px;border:1px solid #c9cad98f;box-shadow:0 0 10px #00000047}.projects{margin-bottom:40px}.project{margin-top:25px;margin-bottom:25px}.project+.project{border-top:1px dotted #c9cad92e}.project h2{color:#e71d36;margin-bottom:5px}.project h3{font-size:.9em;color:#c9cad9;margin-top:0}.project h2 .date{font-size:.6em;color:#c9cad9}.project .tags{display:flex;gap:10px;margin-bottom:10px}.project .tags span{cursor:pointer;padding:3px;background-color:#818181;color:#000;font-weight:700;font-size:.75em;border-radius:4px}.item .content .title{display:flex;align-items:center;justify-content:space-between}.item .content .title .tags{display:flex;gap:10px}.item .content .title .tags span{cursor:pointer;padding:3px;background-color:#818181;color:#000;font-weight:700;font-size:.75em;border-radius:4px}@media only screen and (max-width:768px){.preview img{width:250px}}@media only screen and (max-width:632px){.items .item{flex-direction:row!important}.tags{flex-wrap:wrap}.preview{display:none}.profile{justify-content:center}.profile img{display:none}.header>.info{gap:15px;flex-direction:column}.header h1{text-align:center}.items-other{flex-direction:column;margin-bottom:20px}.items-other .other{margin-bottom:0;margin-top:0}}@media only screen and (max-width:500px){.item .content .title{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}}@media only screen and (max-width:400px){ul{padding-inline-start:10px}}