/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}.header{margin:20px 100px}.header__wrapper{border-bottom:1px solid #fff;place-content:stretch space-between;display:flex}.header__title{font-size:40px}.header__nav{justify-content:space-between;align-items:center;gap:20px;display:flex}.header__nav-email{color:#fff;font-size:16px}.header__nav-link{color:#fff;font-size:20px;text-decoration:none}.header__nav-logout-button{color:#fff;cursor:pointer;cursor:pointer;background-color:#0000;border:none;margin-left:20px}.header__menu-button{background-color:#0000;display:none}@media screen and (width<=767px){.header{margin:0}.header__wrapper{border:none;flex-flow:column-reverse wrap;align-items:center;margin:0;display:flex}.header__nav-info{flex-direction:column;display:flex}.header__wrapper-info{text-align:center;border:.3px solid #fff;justify-content:space-around;width:100%;display:flex}.header__menu-button{border:none;display:block}.header__nav-info{display:none}.header__nav-info_open{display:flex}.header__nav-logout-button{padding:20px 0}.header__nav-email{padding-top:10px}}body{color:#fff;background-color:#000;font-family:Inter,sans-serif}.grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 100px;display:grid}.card{flex-direction:column;display:flex;position:relative;overflow:hidden}.card__image{object-fit:cover;width:100%;height:600px;display:block}.card__description{text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;justify-content:space-evenly;align-items:center;display:flex;overflow:hidden}.card__title{color:#000;text-align:center;text-overflow:ellipsis;background-color:#fff;margin:0;padding:20px;font-size:24px;font-weight:700;overflow:hidden}.card__like-button{cursor:pointer;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADvSURBVHgBrZQLEYMwEES3VRAJJwEHBQlVABLqoJWAA1IlSKAOKqF1QC/kbqBMIPx2ZidMsrzc5Af0InbJfrNbaSvpRyD3mcqdpE3YtXw/2V8JXdiGnbFf7FyAoZzTVXJdp5utEcC4qkaqyqWyOpLrxqxACWEZ+aGdmHgIdtAHJFhhXkYmN5Gc7klXQYFjVDjeGX6xYxUsFTme233d9Qz7pSyk8Etwwz7dhZNrhx13rJQet3I8YDeCFWinAnqAExwEdDIrwCn6CxHVEnAi43M3bBV4E1BF8Fdu+C7sAobAaWCSzSL8P9yEg0TwV5CWhH9keU+xf+dQgwAAAABJRU5ErkJggg==);background-repeat:no-repeat;border:none;width:25px;height:20px}.card__like-button:hover{opacity:.7}.card__like-button_is-active{opacity:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBrZSBDYMgEEV/O4EjOEJH6Cas0hHcoGzSEegGN4JuoJw5IjGiB95PfjTw8iCEAGzpY4dYip3l+5VxHHDjBYdXBu07yjzHnXCUcesKVABzsbtgEtex1Cvgmn5YGoyl9JAf0zxjJ9hmYukftll9b9ieqUt2byQc9tu+K/YopPV6FYWcrkEcoEiNOAivikZcJUzpUX5omoRnYsLB23lHbCLMxT8ohQu6WMqA7WqnmAAAAABJRU5ErkJggg==)}.card__delete-button{cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.45787%2018.1422C2.51882%2018.8126%203.06735%2019.3002%203.73778%2019.3002H14.2615C14.9319%2019.3002%2015.4804%2018.7923%2015.5414%2018.1422L16.7197%205.79007H1.27954L2.45787%2018.1422Z'%20fill='white'/%3e%3cpath%20d='M16.7201%201.93002H11.5801V1.27991C11.5801%200.568849%2011.0113%200%2010.3002%200H7.72009C7.00903%200%206.44018%200.568849%206.44018%201.27991V1.93002H1.27991C0.568849%201.93002%200%202.49887%200%203.20993C0%203.92099%200.568849%204.48984%201.27991%204.48984H16.7201C17.4312%204.48984%2018%203.92099%2018%203.20993C18%202.49887%2017.4312%201.93002%2016.7201%201.93002Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;border:none;width:40px;height:40px;position:absolute;top:10px;right:10px}.card__delete-button:hover{opacity:.7}@media screen and (width>=768px) and (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=767px){.grid{flex-direction:column;gap:15px;display:flex}.grid__description{justify-content:space-around;display:flex}.grid__container{height:400px}}.footer{text-align:start;margin:0 100px;padding:50px 0 30px}@media screen and (width<=767px){.footer{margin:0 20px}}.popup__content{background-color:#fff;border-radius:10px;flex-direction:column;display:flex;position:relative}.popup__caption{margin-top:10px;font-size:20px;font-weight:800}.popup__form{color:#000;flex-direction:column;width:430px;padding:20px;display:flex!important}.popup__field{flex-direction:column;display:flex}.popup__title{color:#000;padding:20px;font-weight:800}.popup__input{border:none;border-bottom:1px solid #000;margin-top:10px}.popup__input_type_error{border-bottom:1px solid red}.popup__input:valid{border-bottom:1px solid green}.popup__name,.popup__text{flex-direction:column;margin-top:10px;display:flex}.popup__input_type_avatar-url{flex-direction:column;margin-top:20px;display:flex}.popup__input-error{color:red;height:14px;margin-top:5px}.popup__button{color:#fff;background-color:#000;margin-top:50px;padding:15px}.popup__button_inactive{opacity:.5;cursor:not-allowed}.popup__button:hover{opacity:.7}.popup__close-icon{cursor:pointer;position:absolute;top:5px;right:10px}.popup__close-icon:hover{opacity:.7}.popup__image{width:100%;height:auto}.popup{width:500px;height:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup__overlay{background:#000c;justify-content:center;align-items:center;width:100%;display:flex}.popup__close-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:4rem;position:absolute;top:-50px;right:-40px}@media screen and (width<=766px){.popup__form{width:300px;top:100px;left:100px}.popup__content{align-items:center;width:65%;height:350px;display:flex}.popup{justify-content:center;display:flex}}.login__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.login__title{color:#fff;margin-bottom:1rem;font-size:2rem}.login__form{flex-direction:column;justify-content:space-between;align-items:center;height:400px;display:flex}.login__input{color:#fff;background-color:#000;border-top:none;border-left:none;border-right:none;width:300px;margin-bottom:1rem;padding:.5rem}.login__actions{width:100%}.login__action-button{cursor:pointer;background-color:#fff;border:none;align-self:stretch;width:100%;margin-top:1rem;padding:.5rem 1rem}.login__action-link{text-align:center;color:#fff;margin-top:1rem}.login__input:-webkit-autofill{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.login__input:-webkit-autofill:hover{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.login__input:-webkit-autofill:focus{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.confirmation__container{z-index:1000;background-color:#fff;border-radius:8px;flex-direction:column;width:400px;padding:20px 20px 0;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirmation__tittle{color:#000;margin:0;font-size:18px}.confirmation__button{color:#fff;background-color:#000;margin:20px;padding:15px}.container{justify-content:space-between;align-items:center;gap:20px;margin:20px 100px;padding:60px 0 50px;display:flex}.container__wrapper{align-items:center;gap:20px;display:flex}.container__details{gap:20px;display:flex}.container__image{border-radius:50%;width:160px;position:relative}.container__avatar-button{z-index:1000;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container__description{font-size:14px;list-style:none}.container__subtitle{margin:0;font-size:30px;font-weight:700}.container__edit-button{cursor:pointer;background:0 0;border:1px solid #fff;width:40px;height:40px;padding:0}.container__edit-icon{cursor:pointer;height:25px}.container__avatar{display:inline-block;position:relative}.container__avatar:after{content:"";opacity:0;background:#0006;transition:opacity .3s;position:absolute;inset:0}.container__avatar:hover:after{opacity:1}.container__add-button{cursor:pointer;background:0 0;border:1px solid #fff;width:200px;height:40px;margin-bottom:40px}.container__add-button:hover,.container__edit-icon:hover{opacity:.7}@media screen and (width>=768px) and (width<=1024px){.container{margin:20px 100px}.container__edit-button{width:25px;height:25px}.container__edit-icon{width:20px;height:20px}}@media screen and (width>=767px) and (width<=872px){.container__subtitle{font-size:30px}}@media screen and (width<=767px){.container{flex-direction:column;align-items:center;margin:20px 100px;padding:20px 0}.container__wrapper{flex-direction:column;align-items:center;display:flex}.container__title{font-size:25px}.container__subtitle{font-size:20px}.container__description{font-size:15px}.container__image{width:120px;height:120px}.container__add-button{justify-content:center;width:100%;display:flex}.container__edit-button{width:22px;height:22px}.container__edit-icon{width:17px;height:17px}}.page{flex-direction:column;min-height:100vh;display:flex}.page__content{flex:1}.register__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.register__title{color:#fff;margin-bottom:1rem;font-size:2rem}.register__form{flex-direction:column;justify-content:space-between;align-items:center;height:400px;display:flex}.register__input{color:#fff;background-color:#000;border-top:none;border-left:none;border-right:none;width:300px;margin-bottom:1rem;padding:.5rem}.register__actions{width:100%}.register__action-button{cursor:pointer;background-color:#fff;border:none;align-self:stretch;width:100%;margin-top:1rem;padding:.5rem 1rem}.register__action-link{text-align:center;color:#fff;margin-top:1rem}.register__input:-webkit-autofill{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.register__input:-webkit-autofill:hover{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.register__input:-webkit-autofill:focus{-webkit-text-fill-color:white;border-top:none;border-left:none;border-right:none;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.register{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.register__card{box-sizing:border-box;background-color:#fff;border-radius:10px;width:90%;max-width:350px;padding:20px;position:relative}.register__close-btn{cursor:pointer;color:#000;background-color:#0000;border:none;position:absolute;bottom:220px;right:-40px}.register__popup-title{text-align:center;color:#000;margin-top:10px;font-size:20px;font-weight:800}.register__info-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:120px;height:120px;margin:0 auto}.register__info-icon_success{background-image:url(C:/Users/aleja/Desktop/Proyecto_sprint_18/src/images/registered.svg)}.register__info-icon_error{background-image:url(C:/Users/aleja/Desktop/Proyecto_sprint_18/src/images/error.svg)}@media screen and (width<=767px){.register__card{width:70%}}