:root{--main-text-color: #333333;--main-bg-color: #fafaf8}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}ul{padding-left:0;margin:0;list-style-type:none}a{text-decoration:none;color:inherit}img{display:block;width:100%}body{font-family:Roboto Mono,monospace;color:var(--main-text-color);background-color:var(--main-bg-color);font-style:normal}.page-wrapper{display:flex;flex-direction:column;min-height:87vh}main{flex:1}.container{max-width:700px;width:100%;margin:0 auto;padding:40px 20px 22px}.page-main-title{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:36px;line-height:1}.page-description{margin-bottom:3px;font-size:16px;font-weight:400;text-align:justify;line-height:1.5}.avatar-img{width:100%;max-width:150px;border-radius:50%}.socials-list{display:flex;align-items:center;gap:12px;margin-top:3px}.socials-item{border:1px solid #7373732e;border-radius:2px;transition:box-shadow .3s ease-out}.socials-link{display:flex;padding:3px}.page-main-info-container{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.about-item{display:flex;align-items:center;font-size:16px;font-weight:400}.about-list{margin-bottom:1rem;line-height:1.75;font-weight:400}.link{border-bottom:1px solid var(--main-text-color)}.about-block-title{margin:1rem 0;font-size:16px;font-weight:400;line-height:1.75}.footer{display:flex;justify-content:center;padding:.5rem 0;margin:2rem 0}.text{margin-top:1rem;font-size:16px;font-weight:400;line-height:1.75;text-align:justify}.about-image{max-width:700px;margin-top:20px;border-radius:2%;border:1px solid #404040}.portfolio{margin-top:20px;padding:20px;background-color:#f5f5f5;border-radius:16px;text-align:center}.portfolio-text{margin-top:3px;margin-bottom:20px;font-size:14px;line-height:2}.portfolio-image{display:block;width:100%;max-width:500px;height:auto;margin:auto;background-color:#333;border:1px solid #d3d3d3;border-radius:4px;padding:10px}.portfolio-title{margin-top:20px}.portfolio-description{margin-top:10px;text-align:justify;font-size:14px;line-height:2}.portfolio-list{font-size:14px;margin-top:10px;line-height:2;text-align:left}.portfolio-technologies-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px;line-height:2}.portfolio-technologies-list-item{display:flex;align-items:center;justify-content:center;flex-basis:calc((100% - 20px)/2);border-radius:4px;padding:5px 0;box-shadow:0 2px 8px #63636333}.technology-image{width:100px;height:40px;object-fit:contain}.wrapper{display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;padding:1rem 1.5rem;background-color:#fafaf8;box-shadow:0 0 1.25rem #262626;border-radius:4px;border:1px solid #404040}.cookie{display:flex;align-items:center;justify-content:center;padding:0 1.25rem;position:fixed;bottom:10px;left:0;right:0;z-index:1000;animation:fade .5s ease-in-out}.content{display:flex;align-items:center;gap:20px;line-height:2}.content .text{margin-top:0;margin-left:.25rem;font-size:16px}.accept-button{font-family:Roboto Mono,monospace;cursor:pointer;padding:.5rem 1rem;background-color:#252525;color:#fff;border:1px solid #404040;border-radius:4px;transition:all .3s ease-in-out;scale:1}.accept-button:hover{scale:1.1}.accept-button:active{border-color:#404040}.hidden{display:none}@keyframes fade{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (max-width: 768px){.wrapper{max-width:540px}.content{flex-direction:column;gap:10px}}@media screen and (min-width: 768px){.container{padding:40px 0 0}.page-main-info-container{margin-bottom:0}.socials-list{gap:5px}.portfolio-technologies-list-item{flex-basis:calc((100% - 40px) / 3)}}@media screen and (max-width: 576px){.wrapper{width:100%;flex-direction:column}}