.video-intro-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:5}.intro-video{pointer-events:auto}.fade-out{opacity:0;transition:opacity 1s ease-out}.start-button,.stop-button{position:fixed;bottom:20px;right:20px;width:30px;height:30px;background-color:hsla(0,0%,100%,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;transition:background-color .2s ease}.start-button{z-index:2}.start-button:hover,.stop-button:hover{background-color:hsla(0,0%,100%,.9)}.stop-button svg{fill:#000;width:24px;height:24px;z-index:2}.hidden{display:none}.home-page{height:-moz-fit-content;height:fit-content}.field{background:#000;position:relative;overflow:hidden;width:100%;height:90vh;z-index:1}.circle,.field{pointer-events:none}.circle{border:3px solid;position:absolute;animation-duration:7s;background-color:#000;opacity:0}@keyframes move1{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(50px,50px);opacity:.5}to{transform:scale(1) translate(100px,100px);opacity:0}}@keyframes move2{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translateY(50px);opacity:.5}to{transform:scale(1) translateY(100px);opacity:0}}@keyframes move3{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(50px);opacity:.5}to{transform:scale(1) translate(100px);opacity:0}}@keyframes move4{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translateY(-50px);opacity:.5}to{transform:scale(1) translateY(-100px);opacity:0}}@keyframes move5{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(-50px);opacity:.5}to{transform:scale(1) translate(-100px);opacity:0}}@keyframes move6{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(50px,-50px);opacity:.5}to{transform:scale(1) translate(100px,-100px);opacity:0}}@keyframes move7{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(-50px,50px);opacity:.5}to{transform:scale(1) translate(-100px,100px);opacity:0}}@keyframes move8{0%{transform:scale(1) translate(0);opacity:0}50%{transform:scale(2) translate(-50px,-50px);opacity:.5}to{transform:scale(1) translate(-100px,-100px);opacity:0}}.home-page-content{width:100%;position:absolute;top:0;left:0;margin-top:20px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:space-evenly;height:90vh}.star-row-1,.star-row-2,.star-row-3{display:flex;justify-content:center;align-items:center;min-height:100px}.star-row-1{transition:all .3s ease}.topic{min-height:100px;min-width:100px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;border:2px solid grey;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease,min-width .15s ease,transform 0s ease;box-shadow:0 0 8px 5px rgba(82,82,82,.5);position:absolute;animation:fadeIn 1s ease}.topic p{font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .5s ease;width:90%}.topic-text{height:100%}.topic-name,.topic-text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.topic-name p{font-family:Doto,sans-serif;font-size:.9rem}.selected .topic-name{flex-direction:row}.selected .topic-name p{margin:0 10px 0 0;font-size:1.7rem;width:-moz-fit-content;width:fit-content}.selected p{flex-direction:row}.topic:hover{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 8px 5px hsla(0,0%,100%,.4);border:2px solid hsla(0,0%,100%,.4)}.topic.selected{border-radius:20px;width:100%;box-shadow:0 0 5px 2px hsla(0,0%,100%,.5);border:2px solid hsla(0,0%,100%,.5);position:fixed;padding:5px;margin-left:0;top:60px;left:0;scale:.9;align-items:flex-start;overflow:hidden}.topic-details{color:red;width:100%;display:flex;justify-content:center}.top-point.topic{transform:translateY(35px)}.top-point.selected{transform:translateY(0)}.top-right-point.topic{margin-left:180px}.top-left-point.topic{margin-left:-180px}.bottom-right-point.topic{margin-left:110px}.bottom-left-point.topic{margin-left:-110px}.bottom-left-point.topic.selected,.bottom-right-point.topic.selected,.top-left-point.topic.selected,.top-right-point.topic.selected{margin-left:0}form{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;z-index:100;width:200px;min-height:5rem;animation:fadeIn 1s ease}form input,form p{margin:0;padding:0;width:200px;text-align:start;background-color:transparent}form p{color:#d3d3d3;font-style:italic}form input{box-shadow:0 0 5px 2px hsla(0,0%,100%,.3);border:2px solid hsla(0,0%,100%,.3);color:#fff;padding:3px 2px}form button{border:1px solid #d3d3d3;padding:3px 10px;background:transparent;color:#d3d3d3;cursor:pointer;transition:all .3s ease;margin-top:5px}form button:hover{background:#d3d3d3;color:#000}form input:focus{outline:none}.contact-links{display:flex;width:50%;justify-content:space-evenly;align-items:center;animation:fadeIn 1s ease;padding:10px}.contact-links a{width:30px;height:30px;border-radius:50%;transition:all .3s ease}.contact-links a:hover{transform:scale(1.2)}.contact-links a img{width:100%;height:100%;border-radius:50%}.topic-details .school-container{width:100%;align-items:center;height:-moz-fit-content;height:fit-content}.school,.topic-details .school-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;animation:fadeIn 1s ease}.school{width:45%;height:82px;border:2px solid grey;border-radius:10px;overflow:hidden}.school img{width:40%;height:100%;max-width:100px;animation:fadeIn 1s ease}.school .school-name{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:52%;color:#fff}.school .school-name p{width:100%;white-space:nowrap;text-align:center;font-size:calc(.5rem + 1vw)}.job-container{width:100%;justify-content:space-evenly}.job-container,.job-container .job{display:flex;flex-wrap:wrap;animation:fadeIn 1s ease}.job-container .job{width:40%;height:55px;justify-content:center;align-items:center;border:2px solid grey;border-radius:10px;padding:2px 0}.job-container .job img{height:80%;width:50px;max-width:100px}.job-container .job .job-name{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.job-name p{line-height:1;white-space:nowrap;text-wrap:wrap;text-align:center;font-size:calc(.5rem + 1vw);width:100%}.who-i-am-container{width:100%;min-height:200px;padding:10px;display:flex;transition:all 1.5s ease;animation:fadeIn 1.5s ease}.who-i-am-container img{width:150px;height:80%;border-radius:50%;transition:all 2s ease;animation:fadeIn 2s ease}.who-i-am-details{display:flex;justify-content:center;align-items:center;text-align:start;padding:15px;will-change:font-size;font-size:calc(.5rem + 1.1vw);color:#d3d3d3;animation:fadeIn 2s ease}.what-i-do-container{width:100%;flex-wrap:wrap;justify-content:space-evenly;padding-bottom:.5rem}.thing,.what-i-do-container{display:flex;animation:fadeIn 1s ease}.thing{width:31%;min-height:150px;position:relative;justify-content:center;text-align:center;border-radius:10px;overflow:hidden}.thing p{color:#fff;font-size:calc(.5rem + 1vw);padding:5px;z-index:2;height:-moz-fit-content;height:fit-content;background-color:hsla(0,0%,50%,.436);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thing img,.thing p{width:100%;border-radius:10px;animation:fadeIn 1s ease}.thing img{height:100%;position:absolute;top:0;left:0;object-fit:cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}