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}.App{text-align:center;background-color:#faebd7;height:100vh;position:relative;z-index:1}h1{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:90px;margin:0;display:flex;top:300px;justify-content:center;position:relative;letter-spacing:.5rem;z-index:2}.square1{position:absolute;width:25%;height:120px;opacity:.6;background:linear-gradient(to bottom,rgba(153,204,191,.7) 0%,rgba(153,204,191,.4) 20%,transparent 100%);z-index:2}.square2{position:absolute;width:25%;height:120px;opacity:.6;right:0;background:linear-gradient(to bottom,rgba(189,201,132,.7) 0%,rgba(189,201,132,.5) 20%,transparent 100%);z-index:2}.nav-container{display:flex;justify-content:center;align-items:flex-start;gap:30px;padding:10px;position:absolute;top:30px;left:0;right:0;z-index:2}.nav-item{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;text-decoration:none;color:#000;transition:all .3s}.nav-item:hover{color:#fff}.title{font-family:Noto Sans,sans-serif;font-size:18px;text-decoration:none;color:#000;position:fixed;top:40px;left:50px;transition:all .3s;z-index:3}.title:after{content:"";position:absolute;bottom:-8px;width:75%;opacity:.2;left:37px;height:1px;background-color:#000}.weblink{position:absolute;bottom:30px;right:100px;opacity:.3;color:#000;cursor:pointer;z-index:10}@media screen and (max-width: 1100px){.nav-container{right:200px}.title{position:absolute;font-size:15px;top:9px;right:0}.title:after{width:85%;left:4vw}}@media screen and (max-width: 1040px){.weblink{display:none}}@media screen and (max-width: 760px){.nav-container{gap:20px;right:180px}}@media screen and (max-width: 660px){.title:after{left:2vw}}@media screen and (max-width: 600px){.nav-container{gap:10px;right:150px}}@media screen and (max-width: 550px){.nav-container{right:130px}.nav-item{font-size:18px}}@media screen and (max-width: 520px){.title:after{left:1vw}}@media screen and (max-width: 500px){.nav-container{right:100px}}@media screen and (max-width: 480px){.nav-container{right:90px}}@media screen and (max-width: 430px){.nav-container{right:90px}.nav-item{font-size:16px;background:linear-gradient(to right,#000,silver);-webkit-background-clip:text;background-clip:text;color:transparent}.title{right:10vw}.title:after{left:5vw}}@media screen and (max-width: 390px){.nav-container{right:80px}.nav-item{font-size:15px}}@media screen and (max-width: 376px){.nav-container{right:70px}}@media screen and (max-width: 360px){.nav-container{gap:5px;right:60px}}@media screen and (max-width: 320px){.nav-container{gap:4px;right:50px}.nav-item{font-size:14px}.title{font-size:14px;right:35px}}.anthropology{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#be9053;background-image:radial-gradient(circle at 100% 10%,#fff8d8 5%,transparent 5%);background-size:10px 10px;background-repeat:repeat}.book{position:relative;width:400px;height:500px;perspective:1000px;cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;font-size:0;display:flex;justify-content:center;margin-top:55px;right:100px;z-index:2}.book-cover,.book-page-left,.book-page-right1{display:inline-block;background-color:#e0d8cc;border-radius:5px;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(180deg);width:fit-content;height:fit-content;display:flex;align-self:center;justify-self:center}.book-page-right1{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0d8cc;border-radius:5px;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(180deg)}.book-buttons{position:absolute;display:flex;flex-direction:column;right:300px;gap:2px;z-index:2}.tracery9{position:fixed;top:0;left:75%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#bdc98400,#bdc9840d 5%,#bdc9841a,#bdc98426,#bdc98433,#bdc98440,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc98440,#bdc98433,#bdc98426,#bdc9841a,#bdc9840d,#bdc98400 95%);animation:tracery1 10s infinite linear;-webkit-animation:tracery1 10s infinite linear}.tracery10{position:fixed;top:0;left:0%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#84b7c900,#84b7c90d 5%,#84b7c91a,#84b7c926,#84b7c933,#84b7c940,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c940,#84b7c933,#84b7c926,#84b7c91a,#84b7c90d,#84b7c900 95%);animation:tracery2 12s infinite linear;-webkit-animation:tracery2 12s infinite linear}.tracery11{position:fixed;top:0;left:50%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#c984a400,#c984a40d 5%,#c984a41a,#c984a426,#c984a433,#c984a440,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a440,#c984a433,#c984a426,#c984a41a,#c984a40d,#c984a400 95%);animation:tracery3 14s infinite linear;-webkit-animation:tracery3 14s infinite linear}.tracery12{position:fixed;top:0;left:25%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#80c79100,#80c7910d 5%,#80c7911a,#80c79126,#80c79133,#80c79140,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c79140,#80c79133,#80c79126,#80c7911a,#80c7910d,#80c79100 95%);animation:tracery4 15s infinite linear;-webkit-animation:tracery4 15s infinite linear}@media screen and (max-width: 1040px){.anthropology{height:1000px}.book-buttons{width:261px;right:37%;top:130px}.book{margin-top:100px;margin-left:300px}}@media screen and (max-width: 1024px) and (max-height: 1366px){.anthropology{height:1366px}.book-buttons{top:250px}}@media screen and (max-width: 1022px){.anthropology{height:1000px}.book-buttons{top:130px}.book{margin-top:100px}}@media screen and (max-width: 960px){.book-buttons{right:36%}.book-page-right1{width:fit-content;height:fit-content}.book-content{height:fit-content}.book-page-left,.modern-live{width:314px}}@media screen and (max-width: 920px){.anthropology{height:1150px}.book-buttons{right:35.5%;top:130px}.book{margin-top:0}}@media screen and (max-width: 912px) and (max-height: 1368px){.anthropology{height:1368px}.book-buttons{top:250px}}@media screen and (max-width: 910px){.anthropology{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 880px){.anthropology{height:1100px}.book{margin-top:-50px}.book-buttons{right:34.5%}}@media screen and (max-width: 820px) and (max-height: 1180px){.anthropology{height:1180px}.book-buttons{top:200px}}@media screen and (max-width: 818px){.anthropology{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 800px) and (max-height: 1280px){.anthropology{height:1280px}.book-buttons{top:200px}}@media screen and (max-width: 798px){.anthropology{height:1150px}.book-buttons{top:130px;right:33.3%}.book-page-right1{width:130%;right:0vw}.book{margin-top:0}}@media screen and (max-width: 766px){.anthropology{height:1150px}.book-buttons{top:130px}.book{margin-top:-50px}}@media screen and (max-width: 760px){.book-buttons{right:32%}.book-page-right1{width:140%}}@media screen and (max-width: 700px){.anthropology{height:1200px}.book{margin-top:-70px}}@media screen and (max-width: 670px){.anthropology{height:1250px}.book-buttons{right:30%}.book{margin-top:-140px}}@media screen and (max-width: 640px){.anthropology{height:1300px}.book-buttons{right:29%}.book-page-left{width:316px}.book{margin-top:-200px}}@media screen and (max-width: 430px){.book-buttons{right:18.5%}.anthropology{height:1250px;width:430px}.book{margin-top:-130px}.book-page-right1{width:130%}}@media screen and (max-width: 414px){.anthropology{height:1300px;width:414px}.book-buttons{right:18%}.book{margin-top:-180px}.book-page-right1{width:120%}}@media screen and (max-width: 390px){.anthropology{height:1370px;width:390px}.book-buttons{right:17%}.book{margin-top:-250px}.book-page-right1{width:110%}}@media screen and (max-width: 376px){.anthropology{width:375px}.book-buttons{right:15%}}@media screen and (max-width: 360px){.anthropology{width:360px}.book-buttons{right:14%}}@media screen and (max-width: 354px){.anthropology{height:1420px;width:353px}.book-buttons{right:13%}.book-page-right1{width:100%}.book{margin-top:-320px}}@media screen and (max-width: 320px){.anthropology{height:1350px;width:320px}.book{margin-top:-260px}.book-buttons{right:9%}.book-page-right1{width:100%}.book-text{font-size:15px}}.homepage{background-image:radial-gradient(circle at 100% 10%,#d4bd53 5%,transparent 5%);background-size:10px 10px;background-repeat:repeat;height:100vh}.windowProps{position:fixed;top:30%;width:100%;height:100%;z-index:1}.typewriter{font-family:Roboto,Arial Narrow,Arial,sans-serif;font-size:20px;line-height:1.5;text-align:center;width:70%;top:55%;left:15%;position:absolute}.tracery1{position:fixed;top:0;left:75%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#bdc98400,#bdc9840d 5%,#bdc9841a,#bdc98426,#bdc98433,#bdc98440,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc98440,#bdc98433,#bdc98426,#bdc9841a,#bdc9840d,#bdc98400 95%);animation:tracery1 10s infinite linear;-webkit-animation:tracery1 10s infinite linear}.tracery2{position:fixed;top:0;left:0%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#84b7c900,#84b7c90d 5%,#84b7c91a,#84b7c926,#84b7c933,#84b7c940,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c940,#84b7c933,#84b7c926,#84b7c91a,#84b7c90d,#84b7c900 95%);animation:tracery2 12s infinite linear;-webkit-animation:tracery2 12s infinite linear}.tracery3{position:fixed;top:0;left:50%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#c984a400,#c984a40d 5%,#c984a41a,#c984a426,#c984a433,#c984a440,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a440,#c984a433,#c984a426,#c984a41a,#c984a40d,#c984a400 95%);animation:tracery3 14s infinite linear;-webkit-animation:tracery3 14s infinite linear}.tracery4{position:fixed;top:0;left:25%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#80c79100,#80c7910d 5%,#80c7911a,#80c79126,#80c79133,#80c79140,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c79140,#80c79133,#80c79126,#80c7911a,#80c7910d,#80c79100 95%);animation:tracery4 15s infinite linear;-webkit-animation:tracery4 15s infinite linear}.portal{font-family:Noto Sans,sans-serif;font-size:22px;text-decoration:none;letter-spacing:3px;font-weight:700;color:#000;position:fixed;z-index:3;right:150px;top:40px;transition:all .3s}.portal:after{content:"";position:absolute;bottom:-1px;width:75%;opacity:.4;left:7px;height:1px;background-color:#000}@media screen and (max-width: 1120px){.homepage{height:100px;position:relative}.windowProps{position:absolute;top:160px;width:80%;right:10%}.typewriter{top:340px}.btn-large{position:relative;transform:translateY(470px);-webkit-transform:translateY(470px);-moz-transform:translateY(470px);-ms-transform:translateY(470px);-o-transform:translateY(470px)}}@media screen and (max-width: 1040px){.portal{position:absolute}}@media screen and (max-width: 1024px) and (max-height: 1366px){.btn-large{transform:translateY(530px);-webkit-transform:translateY(530px);-moz-transform:translateY(530px);-ms-transform:translateY(530px);-o-transform:translateY(530px)}}@media screen and (max-width: 1022px){.btn-large{transform:translateY(470px);-webkit-transform:translateY(470px);-moz-transform:translateY(470px);-ms-transform:translateY(470px);-o-transform:translateY(470px)}}@media screen and (max-width: 930px){.btn-large{transform:translateY(520px);-webkit-transform:translateY(520px);-moz-transform:translateY(520px);-ms-transform:translateY(520px);-o-transform:translateY(520px)}}@media screen and (max-width: 880px){.portal{right:110px}.portal:after{display:none}}@media screen and (max-width: 820px){.portal{right:90px}}@media screen and (max-width: 790px){.portal{right:80px}}@media screen and (max-width: 770px){.windowProps{top:140px}.typewriter{top:300px}.portal{right:70px}}@media screen and (max-width: 720px){.portal{right:60px}}@media screen and (max-width: 700px){.portal{right:50px}}@media screen and (max-width: 680px){.portal{right:40px}}@media screen and (max-width: 660px){.portal{right:30px}}@media screen and (max-width: 640px){.portal{right:20px}}@media screen and (max-width: 620px){.portal{right:10px}}@media screen and (max-width: 600px){.portal{right:30px}}@media screen and (max-width: 590px){.typewriter{width:80vw;left:10vw}}@media screen and (max-width: 580px){.portal{right:20px}}@media screen and (max-width: 550px){.portal{font-size:18px}}@media screen and (max-width: 520px){.typewriter{width:90vw;left:5vw}}@media screen and (max-width: 430px){.portal{font-size:16px;left:350px;margin:0}.typewriter{top:360px}.btn-large{height:46px;line-height:1.2;transform:translateY(670px);-webkit-transform:translateY(670px);-moz-transform:translateY(670px);-ms-transform:translateY(670px);-o-transform:translateY(670px)}}@media screen and (max-width: 414px){.portal{left:340px}.typewriter{top:350px}}@media screen and (max-width: 390px){.portal{left:320px;font-size:15px}.windowProps{top:120px}.typewriter{top:330px}.btn-large{transform:translateY(630px);-webkit-transform:translateY(630px);-moz-transform:translateY(630px);-ms-transform:translateY(630px);-o-transform:translateY(630px)}}@media screen and (max-width: 376px){.portal{left:310px}.windowProps{top:80px}.typewriter{top:280px;font-size:17px}.btn-large{transform:translateY(490px);-webkit-transform:translateY(490px);-moz-transform:translateY(490px);-ms-transform:translateY(490px);-o-transform:translateY(490px)}}@media screen and (max-width: 360px){.portal{left:295px}.windowProps{top:80px}.typewriter{top:275px}.btn-large{transform:translateY(510px);-webkit-transform:translateY(510px);-moz-transform:translateY(510px);-ms-transform:translateY(510px);-o-transform:translateY(510px)}}@media screen and (max-width: 354px){.portal{left:290px}.btn-large{transform:translateY(530px);-webkit-transform:translateY(530px);-moz-transform:translateY(530px);-ms-transform:translateY(530px);-o-transform:translateY(530px)}}@media screen and (max-width: 320px){.portal{left:265px;font-size:14px;letter-spacing:2px}.windowProps{top:70px}.typewriter{top:290px;font-size:16px}.btn-large{height:40px;transform:translateY(505px);-webkit-transform:translateY(505px);-moz-transform:translateY(505px);-ms-transform:translateY(505px);-o-transform:translateY(505px)}}.philosophy{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#b7a3c9;background-image:radial-gradient(circle at 100% 10%,#fff8d8 5%,transparent 5%);background-size:10px 10px;background-repeat:repeat}.book-page-right{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ebe7ee;border-radius:5px;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(180deg)}.tracery13{position:fixed;top:0;left:75%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#bdc98400,#bdc9840d 5%,#bdc9841a,#bdc98426,#bdc98433,#bdc98440,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc98440,#bdc98433,#bdc98426,#bdc9841a,#bdc9840d,#bdc98400 95%);animation:tracery1 10s infinite linear;-webkit-animation:tracery1 10s infinite linear}.tracery14{position:fixed;top:0;left:0%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#84b7c900,#84b7c90d 5%,#84b7c91a,#84b7c926,#84b7c933,#84b7c940,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c940,#84b7c933,#84b7c926,#84b7c91a,#84b7c90d,#84b7c900 95%);animation:tracery2 12s infinite linear;-webkit-animation:tracery2 12s infinite linear}.tracery15{position:fixed;top:0;left:50%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#c984a400,#c984a40d 5%,#c984a41a,#c984a426,#c984a433,#c984a440,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a440,#c984a433,#c984a426,#c984a41a,#c984a40d,#c984a400 95%);animation:tracery3 14s infinite linear;-webkit-animation:tracery3 14s infinite linear}.tracery16{position:fixed;top:0;left:25%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#80c79100,#80c7910d 5%,#80c7911a,#80c79126,#80c79133,#80c79140,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c79140,#80c79133,#80c79126,#80c7911a,#80c7910d,#80c79100 95%);animation:tracery4 15s infinite linear;-webkit-animation:tracery4 15s infinite linear}@media screen and (max-width: 1040px){.philosophy{height:1000px}.book-buttons{width:261px;right:37%;top:130px}.book{margin-top:100px;margin-left:300px}}@media screen and (max-width: 1024px) and (max-height: 1366px){.philosophy{height:1366px}.book-buttons{top:250px}}@media screen and (max-width: 1022px){.philosophy{height:1000px}.book-buttons{top:130px}.book{margin-top:100px}}@media screen and (max-width: 920px){.philosophy{height:1150px}.book-buttons{right:35.5%;top:130px}.book{margin-top:0}}@media screen and (max-width: 912px) and (max-height: 1368px){.philosophy{height:1368px}.book-buttons{top:250px}}@media screen and (max-width: 910px){.philosophy{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 880px){.philosophy{height:1100px}.book{margin-top:-50px}.book-buttons{right:34.5%}}@media screen and (max-width: 820px) and (max-height: 1180px){.philosophy{height:1180px}.book-buttons{top:200px}}@media screen and (max-width: 818px){.philosophy{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 800px) and (max-height: 1280px){.philosophy{height:1280px}.book-buttons{top:200px}}@media screen and (max-width: 798px){.philosophy{height:1150px}.book-buttons{top:130px;right:33.3%}.book-page-right{width:130%;right:0vw}.book{margin-top:0}}@media screen and (max-width: 766px){.philosophy{height:1150px}.book-buttons{top:130px}.book{margin-top:-50px}}@media screen and (max-width: 700px){.philosophy{height:1200px}.book{margin-top:-70px}}@media screen and (max-width: 670px){.philosophy{height:1250px}.book-buttons{right:30%}.book{margin-top:-140px}}@media screen and (max-width: 640px){.philosophy{height:1300px}.book-buttons{right:29%}.book-page-left{width:316px}.book{margin-top:-200px}}@media screen and (max-width: 430px){.book-buttons{right:18.5%}.philosophy{height:1250px;width:430px}.book{margin-top:-130px}.book-page-right{width:130%}}@media screen and (max-width: 414px){.philosophy{height:1300px;width:414px}.book-buttons{right:18%}.book{margin-top:-180px}.book-page-right{width:120%}}@media screen and (max-width: 390px){.philosophy{height:1370px;width:390px}.book-buttons{right:17%}.book{margin-top:-250px}.book-page-right{width:110%}}@media screen and (max-width: 376px){.philosophy{width:375px}.book-buttons{right:15%}}@media screen and (max-width: 360px){.philosophy{width:360px}.book-buttons{right:14%}}@media screen and (max-width: 354px){.philosophy{height:1420px;width:353px}.book-buttons{right:13%}.book-page-right{width:100%}.book{margin-top:-320px}}@media screen and (max-width: 320px){.philosophy{height:1350px;width:320px}.book{margin-top:-260px}.book-buttons{right:9%}.book-page-right{width:100%}.book-text{font-size:15px}}.sociology{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#86adc5;background-image:radial-gradient(circle at 100% 10%,#fff8d8 5%,transparent 5%);background-size:10px 10px;background-repeat:repeat}.book{position:relative;width:700px;height:500px;perspective:1000px;cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;font-size:0;display:flex;justify-content:center;margin-top:55px;right:150px;z-index:2}.book.open{transform:rotateY(-180deg)}.book-cover,.book-page-left,.book-page-right{display:inline-block;background-color:#ebe7ee;border-radius:5px;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(180deg);width:fit-content;height:fit-content;display:flex;align-self:center;justify-self:center}.book-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:24px;font-weight:700}.book-page-left{transform:rotateY(0);overflow:hidden}.book-page-right{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d4d0d7;border-radius:5px;backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(180deg)}.book-content{display:inline-block;color:#333;font-weight:700;display:flex;align-self:center;height:500px;width:auto}.book-buttons{position:absolute;display:flex;flex-direction:column;right:250px;gap:2px;z-index:2}.book-text{font-family:Roboto,Arial Narrow,Arial,sans-serif;font-size:16px;line-height:1.5;width:fit-content;display:flex;flex-direction:column;justify-content:center;padding:0 5%}.tracery5{position:fixed;top:0;left:75%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#bdc98400,#bdc9840d 5%,#bdc9841a,#bdc98426,#bdc98433,#bdc98440,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc98440,#bdc98433,#bdc98426,#bdc9841a,#bdc9840d,#bdc98400 95%);animation:tracery1 10s infinite linear;-webkit-animation:tracery1 10s infinite linear}.tracery6{position:fixed;top:0;left:0%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#84b7c900,#84b7c90d 5%,#84b7c91a,#84b7c926,#84b7c933,#84b7c940,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c940,#84b7c933,#84b7c926,#84b7c91a,#84b7c90d,#84b7c900 95%);animation:tracery2 12s infinite linear;-webkit-animation:tracery2 12s infinite linear}.tracery7{position:fixed;top:0;left:50%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#c984a400,#c984a40d 5%,#c984a41a,#c984a426,#c984a433,#c984a440,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a440,#c984a433,#c984a426,#c984a41a,#c984a40d,#c984a400 95%);animation:tracery3 14s infinite linear;-webkit-animation:tracery3 14s infinite linear}.tracery8{position:fixed;top:0;left:25%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#80c79100,#80c7910d 5%,#80c7911a,#80c79126,#80c79133,#80c79140,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c79140,#80c79133,#80c79126,#80c7911a,#80c7910d,#80c79100 95%);animation:tracery4 15s infinite linear;-webkit-animation:tracery4 15s infinite linear}@media screen and (max-width: 1500px){.book-buttons{right:200px}}@media screen and (max-width: 1400px){.book-buttons{right:150px}}@media screen and (max-width: 1300px){.book-buttons{right:100px}}@media screen and (max-width: 1200px){.book-buttons{right:50px}}@media screen and (max-width: 1100px){.book-buttons{right:30px}}@media screen and (max-width: 1040px){.sociology{height:1000px}.book-buttons{width:261px;right:37%;top:130px}.book{margin-top:100px;margin-left:300px}}@media screen and (max-width: 1024px) and (max-height: 1366px){.sociology{height:1366px}.book-buttons{top:250px}}@media screen and (max-width: 1022px){.sociology{height:1000px}.book-buttons{top:130px}.book{margin-top:100px}}@media screen and (max-width: 1000px){.book-buttons{right:36.5%}}@media screen and (max-width: 960px){.book-buttons{right:36%}.book-page-right{width:fit-content;height:fit-content}.book-content{height:fit-content}.book-page-left{width:314px}}@media screen and (max-width: 920px){.sociology{height:1150px}.book-buttons{right:35.5%;top:130px}.book{margin-top:0}}@media screen and (max-width: 912px) and (max-height: 1368px){.sociology{height:1368px}.book-buttons{top:250px}}@media screen and (max-width: 910px){.sociology{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 880px){.sociology{height:1100px}.book{margin-top:-50px}.book-buttons{right:34.5%}}@media screen and (max-width: 840px){.book-buttons{right:34%}}@media screen and (max-width: 820px) and (max-height: 1180px){.sociology{height:1180px}.book-buttons{top:200px}}@media screen and (max-width: 818px){.sociology{height:1150px}.book-buttons{top:130px}.book{margin-top:0}}@media screen and (max-width: 800px) and (max-height: 1280px){.sociology{height:1280px}.book-buttons{top:200px}}@media screen and (max-width: 798px){.sociology{height:1150px}.book-buttons{top:130px;right:33.3%}.book-page-right{width:130%;right:0vw}.book{margin-top:0}}@media screen and (max-width: 768px) and (max-height: 1024px){.book-buttons{top:130px}}@media screen and (max-width: 766px){.sociology{height:1150px}.book-buttons{top:130px}.book{margin-top:-50px}}@media screen and (max-width: 760px){.book-buttons{right:32%}.book-page-right{width:140%}}@media screen and (max-width: 720px){.book-buttons{right:31%}.book{margin-top:-20px}}@media screen and (max-width: 700px){.sociology{height:1200px}.book{margin-top:-70px}}@media screen and (max-width: 680px){.book-buttons{right:30%}}@media screen and (max-width: 670px){.sociology{height:1250px}.book-buttons{right:30%}.book{margin-top:-140px}}@media screen and (max-width: 640px){.sociology{height:1300px}.book-buttons{right:29%}.book-page-left{width:316px}.book{margin-top:-200px}}@media screen and (max-width: 620px){.book-buttons{right:28.5%}}@media screen and (max-width: 600px){.book-buttons{right:28%}}@media screen and (max-width: 580px){.book-buttons{right:27%}}@media screen and (max-width: 560px){.book-buttons{right:26%}}@media screen and (max-width: 540px){.book-buttons{right:25%}}@media screen and (max-width: 520px){.book-buttons{right:24%}}@media screen and (max-width: 480px){.book-buttons{right:21%}}@media screen and (max-width: 460px){.book-buttons{right:20%}}@media screen and (max-width: 440px){.book-buttons{right:19%}}@media screen and (max-width: 430px){.book-buttons{right:18.5%}.sociology{height:1250px;width:430px}.book{margin-top:-130px}.book-page-right{width:130%}}@media screen and (max-width: 414px){.sociology{height:1300px;width:414px}.book-buttons{right:18%}.book{margin-top:-180px}.book-page-right{width:120%}}@media screen and (max-width: 390px){.sociology{height:1370px;width:390px}.book-buttons{right:17%}.book{margin-top:-250px}.book-page-right{width:110%}}@media screen and (max-width: 376px){.sociology{width:375px}.book-buttons{right:15%}}@media screen and (max-width: 360px){.sociology{width:360px}.book-buttons{right:14%}}@media screen and (max-width: 354px){.sociology{height:1420px;width:353px}.book-buttons{right:13%}.book-page-right{width:100%}.book{margin-top:-320px}}@media screen and (max-width: 320px){.sociology{height:1350px;width:320px}.book{margin-top:-260px}.book-buttons{right:9%}.book-page-right{width:100%}.book-text{font-size:15px}}.functions{position:fixed;display:flex;justify-content:center;align-items:center;top:50%;right:37%;gap:20px;z-index:10}.portal-page{background-image:radial-gradient(circle at 100% 10%,#d4bd53 5%,transparent 5%);background-size:10px 10px;background-repeat:repeat;height:100vh}.big-btn{position:absolute;left:46.7vw;width:100px;height:40px;padding:0 24px;color:#fff;border:none;margin-top:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.title{-webkit-user-select:none;user-select:none}.tracery17{position:fixed;top:0;left:75%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#bdc98400,#bdc9840d 5%,#bdc9841a,#bdc98426,#bdc98433,#bdc98440,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc9844d,#bdc98440,#bdc98433,#bdc98426,#bdc9841a,#bdc9840d,#bdc98400 95%);animation:tracery1 10s infinite linear;-webkit-animation:tracery1 10s infinite linear}@keyframes tracery1{0%{top:-150%}50%{top:0%}to{top:100%}}.tracery18{position:fixed;top:0;left:0%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#84b7c900,#84b7c90d 5%,#84b7c91a,#84b7c926,#84b7c933,#84b7c940,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c94d,#84b7c940,#84b7c933,#84b7c926,#84b7c91a,#84b7c90d,#84b7c900 95%);animation:tracery2 12s infinite linear;-webkit-animation:tracery2 12s infinite linear}@keyframes tracery2{0%{top:100%}50%{top:0%}to{top:-150%}}.tracery19{position:fixed;top:0;left:50%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#c984a400,#c984a40d 5%,#c984a41a,#c984a426,#c984a433,#c984a440,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a44d,#c984a440,#c984a433,#c984a426,#c984a41a,#c984a40d,#c984a400 95%);animation:tracery3 14s infinite linear;-webkit-animation:tracery3 14s infinite linear}@keyframes tracery3{0%{top:100%}50%{top:0%}to{top:-150%}}.tracery20{position:fixed;top:0;left:25%;width:25%;height:150%;z-index:1;background-image:linear-gradient(to bottom,#80c79100,#80c7910d 5%,#80c7911a,#80c79126,#80c79133,#80c79140,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c7914d,#80c79140,#80c79133,#80c79126,#80c7911a,#80c7910d,#80c79100 95%);animation:tracery4 15s infinite linear;-webkit-animation:tracery4 15s infinite linear}@keyframes tracery4{0%{top:-150%}50%{top:0%}to{top:100%}}.container-my-2{display:flex}.app-circle{border-radius:50%;border:1px solid red;transition:width .3s,height .3s;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-transition:width .3s,height .3s;-moz-transition:width .3s,height .3s;-ms-transition:width .3s,height .3s;-o-transition:width .3s,height .3s}@media screen and (max-width: 1450px){.big-btn{left:46.4vw}}@media screen and (max-width: 1330px){.big-btn{left:46.2vw}}@media screen and (max-width: 1260px){.big-btn{left:46vw}}@media screen and (max-width: 1180px){.big-btn{left:45.8vw}}@media screen and (max-width: 1130px){.big-btn{left:45.5vw}}@media screen and (max-width: 1100px){.functions{right:27%}}@media screen and (max-width: 1070px){.big-btn{left:45.2vw}}@media screen and (max-width: 1000px){.big-btn{left:44.9vw}}@media screen and (max-width: 960px){.big-btn{left:44.5vw}}@media screen and (max-width: 900px){.big-btn{left:44.2vw}}@media screen and (max-width: 840px){.big-btn{left:43.9vw}}@media screen and (max-width: 760px){.big-btn{left:43.3vw}}@media screen and (max-width: 700px){.functions{right:20%}.big-btn{left:42.9vw}}@media screen and (max-width: 650px){.big-btn{left:42.2vw}}@media screen and (max-width: 600px){.functions{right:15%}.big-btn{left:41.4vw}}@media screen and (max-width: 540px){.functions{right:12%}.big-btn{left:40.6vw}}@media screen and (max-width: 500px){.big-btn{left:40vw}}@media screen and (max-width: 460px){.big-btn{left:39.5vw}}@media screen and (max-width: 430px){.functions{right:7%;gap:10px;top:400px}.big-btn{left:38.5vw;margin-top:-140px}}@media screen and (max-width: 414px){.big-btn{left:38.3vw;margin-top:-120px}}@media screen and (max-width: 390px){.functions{right:3%;gap:10px;top:350px}.big-btn{left:37.3vw;margin-top:-120px}}@media screen and (max-width: 376px){.functions{right:3%;top:260px;gap:5px}.big-btn{left:37vw;margin-top:-100px}}@media screen and (max-width: 360px){.functions{right:1%;width:350px}.big-btn{left:36.3vw;margin-top:-140px}}@media screen and (max-width: 354px){.functions{width:346px}.big-btn{left:35.7vw;margin-top:-150px}}@media screen and (max-width: 320px){.functions{width:315px}.big-btn{left:34.3vw;margin-top:-100px}}