*{padding:0;margin:0;box-sizing:border-box;text-decoration:none}html,body{height:100%;width:100%;background-color:#dadada;overflow-x:hidden}main{width:100vw;background-color:#dadada}#page2{height:100vh;width:100vw;background-image:url(images/bg-p.webp);background-size:cover;background-repeat:no-repeat;backdrop-filter:opacity(0.5)}.about-school{height:100%;width:100%;display:flex;justify-content:space-between;gap:2vw;align-items:center;padding:10vw}.ab-l{height:100%;width:35%;display:flex;flex-direction:column;gap:2vh;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.262);backdrop-filter:blur(10px);border-radius:25px;transform:perspective(1000px) rotateY(30deg);box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.534);overflow:hidden}.ab-l p{width:80%;font-size:xx-large;font-weight:500;transition-duration:1s;transition-timing-function:all ease}.ab-l h2{font-size:xx-large;font-weight:900;text-decoration:underline}span{color:#ff0000;text-decoration:underline}.ab-r{height:auto;width:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:2%;background-color:rgba(255, 255, 255, 0.262);backdrop-filter:blur(10px);border-radius:25px;transform:perspective(1000px) rotateY(-30deg);box-shadow:0 0 20px 10px rgba(0, 0, 0, 0.534)}.ab-r img{object-fit:cover;transition-duration:1s;transition-timing-function:all ease;height:60%}.ab-r img:hover{transform:scale(1.2)}.ab-l p:hover{transform:scale(1.5)}@media only screen and (max-width: 800px){#page2{height:auto;background-image: none;}.about-school{height:auto}.ab-r{max-height:25vh;width:90%;overflow:scroll}.ab-l{align-items:center;justify-content:start;max-height:25vh;width:90%;overflow:scroll}.ab-l h2{font-size:large}.ab-l p{font-size:medium}}