body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{animation:fade-in 3s;overflow-x:hidden;text-align:center}.App .page-wrapper .large-button-wrapper{margin:40px 0}.App .page-wrapper .large-button-wrapper .large-button{align-items:center;background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;font-family:Indivisible-Regular;padding:10px 30px;text-decoration:none;transition:background-color .3s ease,color .3s ease}@media screen and (min-width:768px){.App .page-wrapper .large-button-wrapper .large-button{padding:10px 200px}}.App .page-wrapper .large-button-wrapper .large-button:hover{background-color:#000;border:1px solid #fff;color:#fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.header{background-color:#000;display:flex;height:100px;justify-content:space-around;position:-webkit-sticky;position:sticky;top:0;width:100%}.header .whitespace-image{display:none}@media(min-width:768px){.header .whitespace-image{display:block}}.intro{padding:20px 50px}@media screen and (min-width:768px){.intro{padding:40px 100px}}.intro .title{font-family:Indivisible-Bold;font-size:36px;margin:0;text-align:center}@media screen and (min-width:768px){.intro .title{font-size:50px}}.intro .subtitle{font-family:Indivisible-Bold;font-size:16px;margin-bottom:0;text-align:center}@media screen and (min-width:768px){.intro .subtitle{font-size:16px}}.studio{background-image:url(/static/media/logo.9fe52a148e5686ccc639.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;padding:20px 50px}@media screen and (min-width:768px){.studio{padding:40px 100px}}.studio .title1{font-family:Indivisible-Regular;font-size:36px;margin:0}@media screen and (min-width:768px){.studio .title1{font-size:50px}}.studio .title2{font-family:Indivisible-Bold;font-size:36px;margin:0}@media screen and (min-width:768px){.studio .title2{font-size:50px}}.studio .barbers{display:flex;flex-direction:column;gap:20px;padding:20px 0 0;text-align:left}@media screen and (min-width:768px){.studio .barbers{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding:40px 0;width:100%}}.studio .barbers .column:first-child{display:flex;flex:1 1;flex-direction:column;justify-self:start}.studio .barbers .column:last-child{display:flex;flex:1 1;flex-direction:column;justify-self:end}.barber-content{display:flex;margin-top:30px}.barber-content .image{border:1px solid #000;border-radius:100px;height:100px;width:100px}@media screen and (min-width:768px){.barber-content .image{height:138px;width:138px}}.barber-content .barber-data{display:flex;flex-direction:column;justify-content:center;padding-left:16px}@media screen and (min-width:768px){.barber-content .barber-data{padding-left:30px}}.barber-content .barber-data .name{font-family:Indivisible-Bold;font-size:20px;line-height:1.2em}@media screen and (min-width:768px){.barber-content .barber-data .name{font-size:28px}}.barber-content .barber-data .job{font-family:Indivisible-Regular;font-size:20px;line-height:1.2em}@media screen and (min-width:768px){.barber-content .barber-data .job{font-size:28px}}.services-section{background-color:#000;display:flex;flex-direction:column;padding:20px 50px}@media screen and (min-width:768px){.services-section{padding:40px 100px}}.services-section .title{color:#fff;font-family:Indivisible-Bold;font-size:38px;margin-bottom:20px;text-align:left}.services-section .cards{display:flex;flex-direction:column;gap:20px;justify-content:space-between}@media screen and (min-width:768px){.services-section .cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}}.services-section .message{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:16px;margin-top:20px;text-align:left}.card{border:1px solid #fff;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}@media screen and (min-width:768px){.card{gap:20px}}.card .title{border-bottom:1px solid #fff;font-family:Arial,Helvetica,sans-serif;font-size:20px;margin-bottom:10px;padding-bottom:20px}@media screen and (min-width:768px){.card .title{font-size:24px}}.card .price{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;margin-bottom:10px;text-align:left}@media screen and (min-width:768px){.card .price{font-size:20px}}.card .button{background-color:#fff;border:none;color:#000;cursor:pointer;font-family:Indivisible-Regular;margin-top:auto;max-width:100px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.card .button:hover{background-color:#000;border:1px solid #fff;color:#fff}@font-face{font-family:Indivisible-Bold;src:url(/static/media/Indivisible-Bold.c6bbd03615a054398de8.ttf) format("truetype")}@font-face{font-family:Indivisible-Regular;src:url(/static/media/Indivisible-Regular.9e8062dea9beb1be97da.ttf) format("truetype")}.footer{display:flex;flex-direction:column;justify-content:space-between;padding:10px 80px 40px}@media screen and (min-width:768px){.footer{flex-direction:row;gap:40px;padding:10px 100px 40px}}.footer .working-hours{display:flex;flex-direction:column}.footer .working-hours .title{font-family:Indivisible-Bold;font-size:37px;line-height:1.1em;text-align:center}.footer .working-hours .hours{align-items:center;display:flex;flex-direction:column}@media screen and (min-width:768px){.footer .working-hours .hours{align-items:flex-start}}.footer .working-hours .hours .item{font-family:Indivisible-Regular;font-size:16px}.footer .location .title{font-family:Indivisible-Bold;font-size:37px;line-height:1.1em;text-align:center}.footer .location .address{align-items:center;display:flex;flex-direction:column}@media screen and (min-width:768px){.footer .location .address{align-items:flex-start}}.footer .location .address .full-adress-name{color:#000;text-decoration:none}.footer .location .address .full-adress-name,.footer .location .address .item{font-family:Indivisible-Regular;font-size:16px}.footer .location .info-text{align-items:flex-start;display:flex;flex-direction:column;margin-top:20px}.footer .location .info-text .text-en{font-family:Indivisible-Bold;font-size:16px}.footer .location .info-text .text{font-size:16px}
/*# sourceMappingURL=main.592f7371.css.map*/