body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.item-hats,.item-jackets,.item-mens,.item-sneakers,.item-womens{border:1px solid #000;overflow:hidden;display:flex;justify-content:center;align-items:center}.item-hats .background-image,.item-jackets .background-image,.item-mens .background-image,.item-sneakers .background-image,.item-womens .background-image{height:100%;width:100%;background-position:center;background-size:cover}.item-hats:hover,.item-jackets:hover,.item-mens:hover,.item-sneakers:hover,.item-womens:hover{cursor:pointer}.item-hats:hover .background-image,.item-jackets:hover .background-image,.item-mens:hover .background-image,.item-sneakers:hover .background-image,.item-womens:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25, .45, .45, .95)}.item-hats:hover .content,.item-jackets:hover .content,.item-mens:hover .content,.item-sneakers:hover .content,.item-womens:hover .content{opacity:.9}.item-hats .content,.item-jackets .content,.item-mens .content,.item-sneakers .content,.item-womens .content{background-color:#fff;padding:1rem 2rem;text-transform:uppercase;line-height:1.4;color:#000;border:1px solid #000;position:absolute;opacity:.5;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(.25, .45, .45, .95)}.item-hats .content__title,.item-jackets .content__title,.item-mens .content__title,.item-sneakers .content__title,.item-womens .content__title{display:block}.item-hats .content__subtitle,.item-jackets .content__subtitle,.item-mens .content__subtitle,.item-sneakers .content__subtitle,.item-womens .content__subtitle{font-weight:600}.item-hats{grid-column:col-start 1/col-end 2;grid-row:row-start 1/row-end 2}.item-jackets{grid-column:col-start 3/col-end 4;grid-row:row-start 1/row-end 2}.item-sneakers{grid-column:col-start 5/col-end 6;grid-row:row-start 1/row-end 2}.item-womens{grid-column:col-start 1/col-end 3;grid-row:row-start 3/-1}.item-mens{grid-column:col-start 4/-1;grid-row:row-start 3/-1}.directory{padding:2rem 4rem;display:grid;grid-template-columns:repeat(6,[col-start] 1fr [col-end]);grid-template-rows:repeat(5,[row-start] 15vh [row-end]);grid-gap:1.5rem}.collection-item{color:#fff;font-size:1.3rem;font-weight:600;height:35rem;position:relative}.collection-item:hover{cursor:pointer}.collection-item:hover::before{content:"";width:100%;height:90%;background-color:rgba(255,255,255,.25);position:absolute;top:0}.collection-item:hover .collection-item__btn{opacity:1}.collection-item__btn{font-size:1.2rem;text-transform:uppercase;padding:1rem 5rem;margin:0 auto;margin-top:-5.4rem;margin-bottom:2rem;border:none;background-color:rgba(255,255,255,.85);opacity:0;cursor:pointer;display:block;position:relative;z-index:100}.collection-item__btn:hover{background-color:#000;color:#fff}.collection-item__img{height:90%;width:100%;background-position:center;background-size:cover}.collection-item__footer{background-color:grey;height:10%;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.collection-preview__title{font-weight:400;text-transform:uppercase}.preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:2rem;margin:2rem 0}.heading{font-size:3rem;font-weight:500;color:#000;margin-bottom:2rem}.collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:2rem;margin:2rem 0}.title{font-size:3rem;color:#000;text-transform:uppercase;text-align:center}.shop-page{padding:4rem}.header{padding:2rem 4rem 0 4rem;display:flex;justify-content:space-between;align-items:flex-end}.header__options{font-size:1.6rem;font-weight:500;text-transform:uppercase;display:flex;align-items:center}.header__option{text-decoration:none;color:grey;cursor:pointer}.header__option:not(:last-child){margin-right:1.5rem}.card-icon{display:inline-block;cursor:pointer;margin-left:2rem;position:relative}.shopping-icon{width:2.3rem;height:2.9rem}.item-count{font-size:1.2rem;color:#000;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.custom-btn{font-size:1.2rem;text-transform:uppercase;border:none;background-color:#000;color:#fff;padding:1rem 4rem;border:1px solid #000;transition:all .2s}.custom-btn:hover{cursor:pointer;background-color:#fff;color:#000;border:1px solid #000}.google-sign-in{background-color:#4082ed;border:1px solid #4082ed}.google-sign-in:hover{background-color:#fff;color:#4082ed;border:1px solid #4082ed}.card-item{width:100%;height:10rem;margin-bottom:1rem;padding:1rem;display:flex;align-items:center}.card-item__img{height:100%;width:7rem;margin-right:2rem;background-size:cover}.card-item__details{font-size:1.6rem;color:#000}.card-item__details--name{display:block}.card-item__details--price{display:block}.card-dropdown{height:35rem;width:28rem;padding:2rem;border:1px solid #000;background-color:#fff;position:absolute;right:3rem;top:8rem;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.card-dropdown .card-items{height:25rem;width:23rem;overflow:auto;display:flex;flex-direction:column}.card-dropdown .card-items .empty-message{font-size:1.6rem;margin:auto}.sign-in-and-sign-out{height:100vh;display:flex;justify-content:center;align-items:center}.form-input-group{margin:4rem 0;position:relative}.form-input{padding:1rem 1rem 1rem .5rem;font-size:1.6rem;color:#000;border:none;border-bottom:1.5px solid grey;width:100%;background-color:transparent;position:relative;z-index:10}.form-input:focus{outline:0}.form-input:focus~.form-input-label{top:-2rem;font-size:1.2rem;color:#000}.form-input[type=password]{letter-spacing:.4rem}.form-input-label{background:0 0;font-size:1.6rem;color:grey;font-weight:500;position:absolute;top:.5rem;left:.5rem;transition:all .2s}.shrink{top:-2rem;font-size:1.2rem;color:#000}.sign-up{padding:4rem;height:80vh;display:flex;flex-direction:column}.sign-up__heading{font-size:2.5rem;text-transform:uppercase;color:#000;margin:0 3rem 3rem 3rem;display:block;position:relative}.sign-up__heading::before{content:"";height:1px;width:60%;background-color:grey;position:absolute;top:100%;margin-left:20%}.sign-up .form-group:not(:first-child){margin-bottom:1rem}.sign-up .btn-group{display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;align-items:center}.sign-up .create-account-link{font-size:1.3rem;color:#000}.sign-up .create-account-link:hover{color:#00f}.sign-in{padding:4rem;height:80vh;display:flex;flex-direction:column}.sign-in__heading{font-size:2.5rem;text-transform:uppercase;color:#000;margin-bottom:4rem;display:block;position:relative;text-align:center}.sign-in__heading::before{content:"";height:1px;width:50%;background-color:grey;position:absolute;top:100%;margin-left:20%}.sign-in .create-account-link{font-size:1.3rem;color:#000;width:30%}.sign-in .create-account-link:hover{color:#00f}.sign-in .form-group:not(:first-child){margin-bottom:1rem}.sign-in .btn-group{display:grid;grid-template-columns:repeat(2,max-content);grid-gap:2rem}.checkout-item{margin-bottom:2rem;font-size:1.6rem;color:#000;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.checkout-item__img-container{height:10rem;width:8rem}.checkout-item__img{height:100%;width:100%;background-size:cover}.checkout-item__quantity{justify-self:center;display:flex}.checkout-item__quantity--remove{cursor:pointer}.checkout-item__quantity--value{margin:0 1rem}.checkout-item__quantity--add{cursor:pointer}.checkout-item__price{justify-self:center}.checkout-item__remove-button{justify-self:center;font-weight:700;color:red;cursor:pointer}.checkout-page{display:flex;justify-content:center;padding-bottom:4rem}.checkout{width:70%;margin-top:10rem;display:flex;flex-direction:column}.checkout__header{font-size:1.6rem;color:#000;padding:2rem;display:grid;grid-template-columns:repeat(5,1fr)}.checkout__header--quantity{justify-self:center}.checkout__header--price{justify-self:center}.checkout__header--remove{justify-self:center}.checkout__items{padding:2rem;border-top:2px solid #000;border-bottom:2px solid #000}.checkout .total-price{font-size:3rem;color:#000;align-self:flex-end;margin-right:2rem}.checkout .stripe-container{align-self:flex-end}.checkout .note-text{font-size:2.5rem;font-weight:300;color:red;text-align:center}*,::after,::before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:grey;font-weight:300;line-height:1.6}