#code-move,#nr,.video{align-items:center}#ab-l,#ab-r,#container,nav:hover{backdrop-filter:blur(10px)}#nr,#page1,.video,nav{display:flex}#ab-l,#ab-r,#code-move,#marque-code,#moving-div,#page8,.pr p{overflow:hidden}#container8,#moving-div,#parent{white-space:nowrap}#container8,.move{animation-iteration-count:infinite;animation-timing-function:linear}#container8 h4,#parent,.child{cursor:pointer}#code-move,#page4{background-color:#676666}#nr a,nav{transition-duration:.5s;transition-timing-function:all ease-out}#menu,.video{opacity:0}#ab-l,#ab-r{background-color:rgb(255 255 255 / .262);box-shadow:0 0 20px 10px rgb(0 0 0 / .534)}#ab-l,#ab-r,#page4 h1,.pr h2{border-radius:25px}#page5,*{padding:0}#page1,#page5,body,html,main{background-color:#dadada;}#ab-l p,#ab-r img,#page5 h1,.pr h2{transition-duration:1s;transition-timing-function:all ease}#footer,#page2,#page3{background-repeat:no-repeat;background-size:cover}#ab-l h2,#footer h2,#nr a,#page4 h1,span{text-decoration:underline}#footer a,#footer p,#menu,#nr a,.pr p{color:#fff}#page1,#page2,#page3,#page6,.video{height:100vh}#footer,#page6{padding:5%}#footer,#page1,#page2,#page3,#page4,#page5,#page6,#page7,.video,main{width:100vw}#ab-r,#code-move,#page4,#page7,#parent{height:auto}*{margin:0;box-sizing:border-box;text-decoration:none}@font-face{font-family:font;src:url(font2.TTF)}body,html{height:100%;width:100%;}.video{justify-content:center;z-index:0;position:absolute}.carousel-cell img,.video img{height:100%;width:100%;object-fit:cover;object-position:center}nav{position:fixed;width:100%;padding:1% 10%;background-color:#11111195;justify-content:space-between;align-items:center;z-index:999}#nr,#page1{justify-content:space-between}.nav{background:0 0}#nl img{height:5vh}#about-school,#page1 video,#page6 model-viewer,.carousel,.carousel-cell{height:100%;width:100%}#nr{gap:2vh}#page1,#page3{align-items:center}#nr a{font-size:large;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;font-weight:800}#ab-l h2,#ab-l p,.pr p{font-size:xx-large}#nr a:hover{text-decoration:overline;color:salmon}#nr span{color:salmon;font-weight:900}#page1{gap:10vw;position:relative}#page1 video{position:absolute;object-fit:cover;object-position:center;z-index:1000}.carousel{background:#eee;z-index:0}.blur-left,.blur-right{position:absolute;top:0;z-index:2}.carousel-cell{margin-right:10px;border-radius:5px;counter-increment:gallery-cell}.pl,.pr{width:50%}#page2{background-image:url(images/bg-p.webp);backdrop-filter:opacity(.5)}#about-school{display:flex;justify-content:space-between;gap:2vw;align-items:center;padding:10vw}#ab-l,.pr{flex-direction:column;height:100%}#ab-l,#ab-r{display:flex;justify-content:center}#ab-l{width:35%;gap:2vh;align-items:center;transform:perspective(1000px) rotateY(30deg)}#ab-l p{width:80%;font-weight:500}#ab-l h2,#container8 h4,#page4 span,#page5 h1,.pr h2{font-weight:900}span{color:red}#ab-r{width:auto;align-items:center;padding:2%;transform:perspective(1000px) rotateY(-30deg)}#directer,#page3,#principal{justify-content:center;display:flex}#ab-r img{object-fit:cover;height:60%}#ab-r img:hover{transform:scale(1.2)}#ab-l p:hover{transform:scale(1.5)}#page3{background-image:url(images/d4.webp)}#container,.pl img{height:80%}#blur-down,#blur-top{height:4vh;width:100%}#container{width:80%;overflow-y:auto;background-color:rgb(0 0 0 / .502);border-radius:50px;box-shadow:0 10px 16px 0 #000}#principal{height:100%;width:100%;align-items:center;padding:2%;gap:2vw}#directer{height:100%;width:100%;align-items:center;padding:2%}.pr{display:flex;justify-content:center;align-items:center}#container8,.child,.move{display:inline-block}#code-move,#fc-n,#footer,#marque-code,#page4,#page5,#page8,#parent,.fc,.fl,.fr{display:flex}.pr h2{font-size:6vh;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:#000;background-color:rgb(255 255 0 / .696);padding:2%}.pr h2:hover{-webkit-text-stroke:#000 .1vw;color:rgb(255 255 0 / .696)}#page4{flex-direction:column;justify-content:center;align-items:center;gap:4vh}#parent{width:70%;overflow-x:auto;overflow-y:hidden;justify-content:center;align-items:center;gap:5%}.child{width:100%;background:#a19f9f;overflow:scroll;border-radius:100px;padding:2% 5%}#page4 span{color:#ff1900}#page4 h1{background-color:rgb(255 255 0 / .518);padding:1%}#blur-top{background:linear-gradient(to top,transparent,#dadada)}#blur-down{background:linear-gradient(to top,#dadada,transparent)}#page5{flex-direction:column;justify-content:center;align-items:center}#page5 h1{font-size:3vw;font-family:font}#page5 h1:hover{-webkit-text-stroke:#000 .2vw;color:#dadada}#moving-div{position:relative;width:80%;padding:0 5%;margin:0 5% 0 0;gap:2vh}.move{width:100%;animation-name:mobe;animation-duration:20s}.move img{height:22vh;margin:.1vh}.blur-left{height:100%;width:20%;left:0;background:linear-gradient(to right,#dadada,transparent)}.blur-right{height:100%;width:30%;right:0;background:linear-gradient(to right,transparent,#dadada)}#page8{height:auto;width:100vw;align-items:center;justify-content:center;padding:1vw;gap:4vw}#container8,.fc,.fl{justify-content:center}#container8{width:100%;align-items:center;gap:2vw;animation-name:anime2;animation-duration:5s;animation-direction:alternate;transform:translate(-50%)}#container8 h4{font-size:5vh;color:transparent;font-family:font;-webkit-text-stroke:black 2px;animation-duration:1s;animation-timing-function:ease-in}#container8 h4:hover{color:#000;-webkit-text-stroke:transparent}@keyframes anime2{0%{transform:translateX(-50%)}100%{transform:translateX(80%)}}@keyframes mobe{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#footer{height:50vh;justify-content:space-between;align-items:start;background-image:url(images/footer-bg.webp);background-position:center;background-attachment:fixed}.fc,.fl,.fr{flex-direction:column}.fc,.fl{align-items:flex-start;gap:2vh;background-color:rgb(9 9 9 / .375);backdrop-filter:blur(5px);border:2px solid #000;padding:2%;border-radius:50px}.fr{justify-content:center;align-items:center}#fc-n{flex-direction:column;gap:1vh}.fr iframe{height:40%;width:auto}.fl span{color:salmon}#footer p{font-size:x-large;font-weight:400}#footer h2{font-size:xx-large;font-weight:900;color:#7fff00}#footer a{font-size:large;font-weight:400}#code-move{width:100%;justify-content:center;align-items:center}#marque-code{padding:0 4%;align-items:center;justify-content:space-around}#marque-code img{height:40vh;width:20%}@media only screen and (max-width:800px){#page2,#page3,.carousel,.carousel-cell{background-color:#dadada;height:auto}#code-move,#marque-code{overflow-x:scroll}#ab-l,#ab-r{max-height:25vh;overflow:scroll}#page2,#page3{margin:0;background-image:none}#menu,.child{cursor:pointer}#nr,nav{transition-duration:1s;transition-timing-function:all ease}#footer,.move{gap:2vw}#menu,#page6{padding:1%}#page6,#page6 model-viewer{height:60vw}#footer,#marque-code img,#page3,#page6 model-viewer,.pl,.pl img,.pr,.pr p{width:100%}#nr,#page1 video{display:none}#menu,.active #nr,.video{opacity:1}#about-school{flex-direction:column;gap:5vh;height:auto}#page1,#page4,#page5,#parent,.child,.pl img{height:auto}#page2{padding:0}.carousel-cell img{height:auto;object-fit:cover;object-position:center;background:#dadada}#ab-l{height:auto;width:auto;align-items:center;justify-content:start}#ab-l h2,#footer h2,#sak h2{font-size:large}#ab-r{width:90%}#ab-l p,#footer p,.pr p{font-size:medium}#page3{padding:2%}#container{height:60vh;width:80%;background-color:#1111118f;padding:3%}#directer,#principal{padding:0;width:100%;height:auto;flex-direction:column}.pr h2{font-size:x-large}.pl{padding:5%}#parent,.fc,.fl,.fr{width:80%}#parent{flex-direction:column;gap:2vh}.child{border-radius:10px}#page5 h1{font-size:10vw}.move img{margin:.1vw;width:80vw}#moving-div{gap:5vh;margin:0 0 10%}#nr{flex-wrap:wrap;border-radius:50px;padding:3%;flex-direction:column;position:absolute;top:10%;right:15%;background-color:#1e1e1e72}#nr a{font-size:small}#nl img{height:4vh}#footer{height:auto;flex-direction:column}#footer iframe{width:80%;height:auto;padding:0}.fr{justify-content:start;align-items:start}.fc,.fl{border-radius:30px;padding:2% 5%;gap:4%}.video{margin-top:20vh;height:auto;z-index:1001}#marque-code{flex-shrink:0;justify-content:start;gap: 4vw;}#code-move{width:100vw;justify-content:start}#container8{gap:10vw}#page8{gap:5vw}#page8 h4{letter-spacing: 0.7vw;word-spacing: 1vw;}}