@import "https://fonts.googleapis.com/css2?family=Barrio&family=Roboto+Mono:wght@300;400;700&display=swap";*{border:0;margin:0;padding:0}*,:before,:after{box-sizing:border-box}nav,footer,header,aside{display:block}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer;background-color:#0000}button::-moz-focus-inner{border:0;padding:0}a,a:visited,a:hover{text-decoration:none}a:focus,button:focus{outline:3px dashed var(--c-accent-1)}ul li,ol li{list-style:none}img{vertical-align:top;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.page{--c-background:#fff;--c-primary-1:#000;--c-primary-2:#2e2e2e;--c-accent-1:#ba3a3a;--c-accent-2:#eebab6}.page.dark{--c-background:#1e1e1e;--c-primary-1:#fff;--c-primary-2:#cdcdcd;--c-accent-1:#c35353;--c-accent-2:#050202}.js-focus-visible :focus:not(.focus-visible){outline:none}.footer{text-align:center;padding:0 10px 30px}.footer p{color:var(--c-primary-1);font-size:15px;font-weight:700}.header{align-items:center;gap:30px;width:100%;max-width:1328px;margin:0 auto;padding:35px 10px;display:flex}@media (width<=768px){.header{padding:25px 10px}}.header__list{flex:auto;gap:50px;display:flex}.header__item{color:var(--c-primary-1);font-size:14px;font-style:normal;font-weight:400;line-height:17px}.header__item a{color:var(--c-primary-1)}.header__item a[href]{background:linear-gradient(var(--c-accent-1)0 0)var(--d,201%)100%/200% 3px no-repeat;margin-bottom:-10px;padding:10px;transition:background .5s}.header__item a[href]:hover{--d:-101%}.header__switch{z-index:100;align-items:center;display:flex}.dark .header__switch path{fill:#fff}.header__burger{display:none}@media (width<=768px){.header__burger{cursor:pointer;z-index:100;background-color:#0000;width:30px;height:20px;margin-right:auto;display:block;position:relative}.header__burger:before,.header__burger:after{content:"";background-color:var(--c-primary-1);height:3px;transition:all .3s cubic-bezier(.23,1,.32,1);position:absolute;left:0}.header__burger:before{width:100%;top:0;left:0}.header__burger:after{width:100%;bottom:0;right:0}.header__burger span{background-color:var(--c-primary-1);width:100%;height:3px;transition:all .4s;position:absolute;bottom:9px;left:0}.header__burger.header--active:before{width:100%;top:9px;transform:rotate(-45deg)}.header__burger.header--active:after{width:100%;bottom:8px;transform:rotate(45deg)}.header__burger.header--active span{opacity:0;transform:scale(2)}.header__list{background-color:var(--c-accent-2);z-index:5;flex-direction:column;align-items:center;gap:60px;width:100%;height:100%;padding:100px 0 50px;transition:top .3s;display:flex;position:fixed;top:-100%;left:0;overflow-y:auto}.dark .header__list{background-color:#2a2929}.header__list.header--active{top:0}}.page{scroll-behavior:smooth;height:100%;font-family:Roboto Mono,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:26px}.page__body{background:var(--c-background);border:10px solid #9a3830;min-height:100%;display:grid}.page__body.lock{overflow-y:hidden}.page__grid{grid-template-rows:auto 1fr auto;grid-template-columns:auto;display:grid}.home{text-align:center;max-width:1002px;color:var(--c-primary-1);margin:0 auto;padding:40px 10px 60px}@media (width<=768px){.home{padding:20px}}.home__avatar{justify-content:center;display:flex}.home__avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:400px;max-width:100%;max-height:400px;display:flex}@media (width<=500px){.home__avatar img{width:250px;height:250px}}.home__greetings{color:var(--c-accent-1);margin:30px 0 15px;font-size:13px;font-style:normal;font-weight:400;line-height:17px}.home__name{letter-spacing:.03em;margin-bottom:30px;font-family:Barrio;font-size:55px;font-weight:400;line-height:50px}@media (width<=768px){.home__name{font-size:45px}}@media (width<=500px){.home__name{margin-bottom:15px}}.home__description,.home__skills{font-size:20px;line-height:26px}@media (width<=768px){.home__description,.home__skills{font-size:15px}}.home__skills{margin-top:30px}@media (width<=768px){.home__description,.home__skills{margin-top:15px}}.red{color:var(--c-accent-1)}.projects{max-width:1328px;margin:0 auto;padding:30px 10px 80px}.projects__main{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:20px;margin-top:40px;display:grid}@media (width<=666px){.projects__main{grid-template-columns:1fr}}.projects__title{text-align:left}.projects__title-other{text-transform:uppercase;color:var(--c-primary-1);margin-top:30px;font-size:12px;font-weight:400;display:inline-block;position:relative}.projects__title-other:before{content:"";background:var(--c-accent-2);opacity:.7;z-index:-1;width:100%;height:6px;position:absolute;bottom:5px;left:0}.projects__other{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:50px;margin-top:25px;display:grid}@media (width<=996px){.projects__other{grid-template-columns:repeat(2,1fr)}}@media (width<=584px){.projects__other{grid-template-columns:1fr}}.card{border-radius:12px;min-height:530px;position:relative;overflow:hidden;box-shadow:2px -7px 72px 3px #0000001a}@media (width<=928px){.card{min-height:300px}}.card:before{content:"";opacity:0;background:linear-gradient(#fff0 10%,#0009 80%);border-radius:12px;width:100%;height:100%;transition:all .4s cubic-bezier(.39,.575,.565,1);position:absolute;top:0;left:0}.card--visible:before,.card:focus-within:before{opacity:1}@media (width<=768px){.card:before{opacity:1}}.card__content{opacity:0;flex-direction:column;justify-content:end;height:100%;padding:0 20px;transition:transform .4s,opacity .2s ease-in;display:flex;transform:translateY(0)}@media (width<=768px){.card__content{opacity:1;padding:10px}}.card--visible .card__content,.card:focus-within .card__content{opacity:1;transform:translateY(-40px)}.card__img img{-o-object-fit:cover;object-fit:cover;z-index:-1;-webkit-touch-callout:none;user-select:none;border-radius:12px;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.card--visible .card__img img{transform:scale(1.05)}.card__title a{color:#fff;font-size:30px;font-weight:700}@media (width<=768px){.card__title a{font-size:25px;line-height:auto}}.card__title a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.card__paragraph{letter-spacing:-.04em;color:#fff;margin-top:10px;font-size:15px;font-weight:700;line-height:20px}@media (width<=768px){.card__paragraph{font-size:13px}}.card-small{color:#fff;background:#2e2e2e;padding:20px;position:relative}.card-small__icons{justify-content:space-between;gap:10px;display:flex}.card-small__title a{color:#fff;margin-top:30px;font-size:25px;font-weight:700;display:inline-block}.card-small__title a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.card-small__paragraph{margin-top:30px;font-size:14px;font-weight:700}.tags{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.tags__item{color:#fff;background:var(--c-accent-1);border-radius:50px;padding:4px 10px;font-size:11px;font-weight:700}.contact{text-align:center;max-width:788px;color:var(--c-primary-1);margin:0 auto;padding:0 10px 60px}.contact__title{text-align:center}.contact__subtitle{margin-top:25px;font-size:40px;font-weight:700}.contact__paragraph{margin-top:40px;font-size:20px;line-height:26px}.contact__icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:253px 50px;margin-top:30px;display:flex}.contact__icon{padding:3px;transition:all .1s ease-in}.contact__icon:hover{transform:scale(1.2)}.title{color:var(--c-accent-1);font-size:20px;font-weight:400;line-height:26px}.title--line{align-items:center;gap:25px;display:flex;position:relative}.title--line:after{content:"";background:#666666ab;flex:0 350px;height:1px;display:block}@media (width<=594px){.title:after{display:none}}.text{font-size:20px;line-height:26px}@media (width<=768px){.text{font-size:15px}}.sound{z-index:100;width:31px;height:24px}.dark .sound path{stroke:#fff}.sound--disable .sound__item{opacity:0}.sound--disable .sound__item--first{transition:opacity .1s ease-in-out .1s}.sound--disable .sound__item--second{transition:opacity .1s ease-in-out .2s}.sound__item--first{transition:opacity .2s ease-in-out .2s}.sound__item--second{transition:opacity .2s ease-in-out .1s}.dark .icon{filter:invert()sepia()saturate(0%)hue-rotate(270deg)brightness(102%)contrast(102%)}
/*# sourceMappingURL=yesnoruly.github.io.0a2d6140.css.map */