/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[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{display:none}[hidden]{display:none}.elements__button_type_like-active{background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart-filled.svg) center no-repeat}.footer{color:#545454;padding-top:100px;padding-bottom:100px;max-width:882px;margin-left:auto;margin-right:auto}.footer__copyright{font-family:Inter,sans-serif;font-weight:400;line-height:1.21;font-size:18px;margin-top:0;margin-bottom:0;width:100%}.header{display:flex;justify-content:space-between;align-items:center;max-width:882px;padding-top:45px;margin-left:auto;margin-right:auto;border-bottom:1px solid #545454}.header__logo{width:173px;padding-bottom:41px}.header__container{color:#fff;font-size:18px;display:flex;align-items:center;justify-content:space-between;min-width:350px}.header__logout-link{text-decoration:none;color:#fff}.header__email{color:#fff}.header__logout-link:hover{color:gray;text-decoration:underline;cursor:pointer}.header__register-link{color:#fff;font-size:18px;text-decoration:none}.header__register-link:hover{color:gray;text-decoration:underline;cursor:pointer}.header__login-link{color:#fff;font-size:18px;text-decoration:none}.header__login-link:hover{color:gray;text-decoration:underline;cursor:pointer}.page{min-height:100vh;background-color:#000;font-family:Inter,sans-serif;font-weight:400}.popup{display:none;flex-direction:column;align-items:center;justify-content:center;position:fixed;min-width:100%;min-height:100%;top:0;right:0;background:#00000080;z-index:5}.popup_opened{display:flex}.popup__button{border:0;cursor:pointer}.popup__button:hover{border:0;cursor:pointer;opacity:60%}.popup__button_type_close{position:absolute;top:-35px;right:-45px;background:none}.popup__container{display:flex;flex-direction:column;align-items:center;position:relative;background-color:#fff;color:#000;font-weight:900;font-size:24px;line-height:1.21;min-width:430px;border-radius:4px;padding-bottom:36.51px}.popup__title{margin-bottom:0;margin-top:34px;max-width:358px;text-align:center}.popup__title-info{font-size:24px;margin-bottom:0;margin-top:34px;width:358px;text-align:center}.popup__image{margin-top:60px}.popup__title-delete{padding-bottom:38px;font-size:24px;font-weight:900}.popup__title-profile-pic{font-size:24px;font-weight:900}.popup__name{border:none;display:flex;flex-direction:column;padding-top:54px;padding-bottom:0;max-width:358px}.popup__item{font-size:14px;border:none;border-bottom:1px solid #c4c4c4;margin-bottom:29.74px}.popup__item_invalid{border-bottom:1px solid #ff0000;color:red}.popup__error{color:red;font-size:12px;font-weight:400;padding-top:-20px}.popup__item::placeholder{color:#c4c4c4;font-size:14px}.popup__button_type_send{min-width:358px;background-color:#000c;color:#fff;font-size:18px;line-height:1.21;min-height:50px}.popup__button_type_send-inactive{background-color:#fff;color:#ccc;border:1px solid #cccccc}.popup__window-image{max-height:75vh;max-width:75vw}.popup__window-name{margin-top:10px;margin-bottom:0;text-align:left;width:100%}.popup__container-window{background:none;color:#fff;padding-bottom:0;font-size:12px;line-height:1.21}.profile{color:#fff;display:flex;justify-content:space-between;align-items:center;max-width:882px;margin-left:auto;margin-right:auto;padding-top:40px;margin-bottom:50px}.profile__content{display:flex;justify-content:space-between;align-items:center}.profile__avatar{border-radius:50%;height:150px;width:150px;cursor:pointer}.profile__avatar:hover{opacity:60%}.profile__layover{display:none;position:absolute;left:15%}.profile__avatar:hover~.profile__layover{display:initial}.profile__info{padding-left:30px;padding-right:17px;display:flex;flex-direction:column;justify-content:center}.profile__name{font-family:Inter,sans-serif;font-weight:500;line-height:1.33;font-size:42px;margin-top:0;margin-bottom:0}.profile__description{font-family:Inter,sans-serif;font-weight:400;line-height:1.21;font-size:18px;margin-top:0;margin-bottom:0}.profile__button_type_edit{min-width:24px;max-height:24px;background:none;border-color:#fff;border-width:1px;border-style:solid;margin-top:-15px;cursor:pointer}.profile__button_type_edit:hover{opacity:60%}.profile__icon_type_edit{max-width:10px;color:#fff}.profile__button_type_add{min-width:150px;min-height:50px;background:none;border-radius:2px;border-color:#fff;border-width:2px;border-style:solid;cursor:pointer}.profile__button_type_add:hover{opacity:60%}.profile__icon_type_add{max-width:22px;color:#fff}@media screen and (max-width: 860px){.profile{display:flex;flex-direction:column;justify-content:center}.profile__content{display:block;text-align:center}.profile__button_type_add{min-width:282px;margin-top:20px}.profile__button_type_edit{margin-top:20px}}.register__container{display:flex;flex-direction:column;align-items:center;position:relative;color:#fff}.register__welcome{margin-top:0;margin-bottom:0;padding-top:60px;padding-bottom:0;font-weight:900;font-size:24px;line-height:1.21}.register__form{border:none;display:flex;flex-direction:column;padding-top:50px;padding-bottom:0;min-width:358px}.register__input{color:#fff;font-size:14px;background:none;border:none;border-bottom:2px solid #cccccc;margin-bottom:29.74px}.register__input::placeholder{color:#ccc;font-size:14px}.register__button{margin-top:150px;font-size:18px;color:#000;line-height:1.21;background:#fff;border:none;border-radius:2px;min-height:50px;padding-right:0;padding-left:0;cursor:pointer}.register__signin{margin-top:15px;font-size:14px;color:#fff}.register__login-link{margin-top:15px;font-size:14px;color:#fff;text-decoration:none}.register__login-link:hover{color:gray;text-decoration:underline}.elements{display:flex;flex-direction:column;align-items:center}.elements__cards{display:inline-grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:20px}.elements__card{background-color:#fff;max-width:282px;border-radius:10px;display:flex;flex-direction:column;position:relative}.elements__image{width:100%;height:282px;border-radius:10px 10px 0 0;cursor:pointer}.elements__button_type_trash{background:none;border:none;padding:0;position:absolute;top:18px;right:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.elements__button_type_trash_inactive{display:none}.elements__button_type_trash:hover{opacity:60%}.elements__title{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-weight:900;line-height:1.21;font-size:20px;padding:25px 25px 31px}.elements__text{margin-top:0;margin-bottom:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.elements__button_type_like{max-width:21px;max-height:19px;background:none;border:none;padding:0;cursor:pointer}.elements__button_type_like-active{background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart-filled.svg) center no-repeat}.elements__button_type_like:hover{opacity:60%}.elements__icon_type_like-icon{max-width:21px;max-height:19px}.elements__counter{margin:0;text-align:center;font-size:13px;font-weight:400}.elements__button_type_close{padding:0;position:absolute;top:-35px;right:-45px;background:none;border:0;cursor:pointer;height:40px;width:40px}@media screen and (max-width: 860px){.elements__cards{display:block}.elements__card{margin-top:21px}}