@font-face{font-family:"font-text";src:url("../fonts/ClearSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"font-headline";src:url("../fonts/impact.ttf") format("truetype");font-weight:normal;font-style:normal}::-webkit-scrollbar{width:10px;display:none}::-webkit-scrollbar-track{background:#c3c6c3}::-webkit-scrollbar-thumb{background:#0c3f56;border-top-left-radius:20px;border-bottom-left-radius:20px}*::selection{color:#c3c6c3;background-color:#08354a}h1,h2,h3,h4,h5,label,input,span,p,li{color:#1c1c1c;text-wrap:balance}p,li,a,label,input,th,td{font-size:.9rem;line-height:1.1rem;font-family:"font-text"}h1,h2,h3,h4,h5,a{letter-spacing:.04rem;font-family:"font-headline"}strong{font-weight:bold}#wrapper{max-width:1920px;margin-inline:auto}a.button button{border:unset;cursor:pointer;font-size:.7rem;text-wrap:nowrap;transition:500ms;font-weight:bold;border-radius:.7rem;padding:.6rem 1rem;color:#c3c6c3;border:1px solid #0c3f56;background-color:#08354a}a.button button:hover{color:#08354a;background-color:#c3c6c3}a.button:not([href]) button{background-color:#0c3f56}a.button:not([href]) button:hover{color:#08354a;background-color:#c3c6c3}.fade-in-element{opacity:0;transition:1.3s;transform:translateY(5rem)}article#menu{top:1rem;width:100%;z-index:100;display:flex;position:absolute;align-items:center;justify-content:space-between}article#menu *{transition:300ms}article#menu #logo-image{width:auto;height:auto;display:block;padding-left:1rem}article#menu #logo-image img{max-width:12vw;max-height:115px}article#menu ul{gap:1rem;display:flex;padding-right:1.5rem;align-items:baseline}article#menu ul li{color:#c3c6c3}article#menu ul li a{font-size:.9rem;letter-spacing:.1rem;font-family:"font-headline" !important}@media (max-width:750px){article#menu{top:0;gap:5vh;width:0;height:0;position:fixed;transition:500ms;background-color:#1c1c1c;flex-direction:column;justify-content:center;border-bottom-right-radius:500px}article#menu *{opacity:0}article#menu #logo-image{padding:0}article#menu #logo-image img{max-width:150px}article#menu ul{gap:3vh;padding:unset;align-items:center;flex-direction:column}article#menu ul li a{font-size:1.1rem;letter-spacing:.15rem;color:#c3c6c3}}#burger-button{top:2rem;right:2rem;width:60px;z-index:999;display:none;cursor:pointer;transition:500ms;position:absolute}#burger-button div{width:100%;height:4px;transition:500ms;margin-inline:auto;margin-bottom:.5rem;background-color:#c3c6c3}#burger-button div:nth-child(even){width:50%}@media (max-width:750px){#burger-button{display:unset}}@media (max-width:560px){#burger-button{top:1rem;right:1rem;width:50px}#burger-button div{margin-bottom:.3rem}}.hover-me-underline{position:relative;text-decoration:none}.hover-me-underline::before{left:0;width:0;height:2px;content:"";bottom:-0.1rem;position:absolute;transition:width .3s ease;background-color:#08354a}.hover-me-underline:hover::before{width:100%}footer{margin-top:6rem;padding-top:3rem;padding-inline:5%;color:#c3c6c3;background-color:#1c1c1c}footer article{display:flex}footer article section{flex:1}footer article section #logo-img{width:100px}footer article section #logo-img a{width:100%;height:100%}footer article section:nth-child(1){gap:1rem;display:flex}footer article section:nth-child(1) #menu{padding-left:1rem;border-left:1px solid #c3c6c3}footer article section:nth-child(1) #menu ul li a{font-size:.7rem;transition:500ms;color:#c3c6c3;font-family:"font-text"}footer article section:nth-child(1) #menu ul li a:before{height:1px;background-color:#0c3f56}footer article section:nth-child(1) #menu ul li a:hover{color:#0c3f56}footer article section:nth-child(2){display:flex;flex-direction:column;align-items:center;justify-content:space-between}footer article section:nth-child(2) h2{text-align:center;line-height:2rem;letter-spacing:.1rem;color:#c3c6c3}footer article section:nth-child(2) #social{gap:1rem;display:flex;margin-top:1.3rem}footer article section:nth-child(2) #social a img{height:1.3rem;transition:300ms}footer article section:nth-child(2) #social a img:hover{filter:invert(46%) sepia(87%) saturate(1358%) hue-rotate(359deg) brightness(101%) contrast(106%)}footer article section:nth-child(3){display:flex;justify-content:flex-end}footer article section:nth-child(3) h3{font-size:.7rem;text-align:right;margin-right:1rem;line-height:1rem;padding-right:1rem;color:#c3c6c3;font-family:"font-text";border-right:1px solid #c3c6c3}footer article:last-child{padding:1rem 0}footer article:last-child p{width:100%;font-size:.6rem;text-align:center;color:#c3c6c3}footer article:last-child p a{font-size:.6rem;transition:500ms;font-family:"font-text";border-bottom:1px solid #c3c6c3}footer article:last-child p a:hover{color:#0c3f56;border-bottom:1px solid #0c3f56}@media (max-width:660px){footer article{gap:2rem;align-items:center;flex-direction:column}footer article section #social{margin-top:1.5rem}footer article section:last-child{gap:1rem}footer article section:last-child h3{order:2;text-align:left;padding-left:1rem;border-right:unset;padding-right:unset;border-left:1px solid #c3c6c3}}article#hero{position:relative}article#hero img{top:0;left:0;z-index:-1;width:100%;height:100%;object-fit:fill;position:absolute}article#hero #hero-intro{max-width:80ch;text-align:center;padding-top:15rem;margin-inline:auto;padding-bottom:25rem}article#hero #hero-intro h1{font-size:3.3rem;letter-spacing:.15rem;color:#c3c6c3}article#hero #hero-intro #color-rectangle{width:10vw;height:1rem;margin-top:1.5rem;margin-inline:auto;background-color:#c3c6c3}article#hero #hero-intro p{margin-top:1.8rem}article#hero #hero-intro h2{font-size:2rem;margin-top:2.2rem;letter-spacing:.15rem;color:#c3c6c3}article#hero #hero-intro ul{margin-top:1.8rem}article#hero #hero-intro ul li{margin-top:1rem}article#hero #hero-intro p,article#hero #hero-intro li{color:#c3c6c3}#instructors{gap:5rem;width:90%;display:flex;flex-wrap:wrap;margin-top:-15rem;margin-inline:auto;justify-content:center}#instructors .instructor-card{width:50%;max-width:250px}#instructors .instructor-card #portrait{overflow:hidden;aspect-ratio:10 / 13;border-top-left-radius:1rem;border-top-right-radius:1rem}#instructors .instructor-card #portrait img{width:100%;height:100%;object-fit:cover;object-position:right top}#instructors .instructor-card #info{position:relative}#instructors .instructor-card #info h5,#instructors .instructor-card #info p{text-align:center;padding-block:1rem;padding-inline:2rem;color:#c3c6c3;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}#instructors .instructor-card #info #categories{width:75%;min-width:fit-content;z-index:2;position:relative}#instructors .instructor-card #info #categories h5{background-color:#1c1c1c}#instructors .instructor-card #info #name{width:75%;min-width:fit-content;z-index:1;top:0;right:0;position:absolute}#instructors .instructor-card #info #name p{padding-top:3.5rem;position:relative;background-color:#0c3f56}article#tradition-and-quality{margin-top:7rem;position:relative}article#tradition-and-quality img{width:100%;height:100%;object-fit:cover}article#tradition-and-quality section{top:0;left:0;width:100%;height:100%;display:flex;position:absolute;align-items:center;flex-direction:column;justify-content:center}article#tradition-and-quality section h2{font-size:3.3rem;color:#c3c6c3}article#tradition-and-quality section #color-rectangle{width:5vw;height:1rem;margin-block:1.5rem;background-color:#c3c6c3}article#tradition-and-quality section p{max-width:80ch;text-align:center;margin-bottom:.7rem;color:#c3c6c3}article#our-mission{display:flex}article#our-mission section{flex:1}article#our-mission section:first-child{margin-inline:2rem}article#our-mission section:first-child #info{max-width:55ch;margin-block:5rem;margin-inline:auto}article#our-mission section:first-child #info h2{font-size:3.3rem}article#our-mission section:first-child #info #color-rectangle{width:5vw;height:1rem;margin-block:1.5rem;background-color:#1c1c1c}article#our-mission section:first-child #info p{margin-bottom:1rem}article#our-mission section #image{width:100%;height:110%;background-size:cover;background-repeat:no-repeat;background-position:center left;background-image:url(../images/home/klasa-a.webp)}@media (max-width:600px){article#our-mission{flex-direction:column}article#our-mission section #image{aspect-ratio:1 / 1;margin-inline:auto}}