.page-about main{color:#f7f3dd;background-color:#a847004d;margin:3vh 5vw 5vw}#profileSection{flex-direction:row;place-content:center space-around;align-items:center;display:flex}#profileText h1{align-self:center;font-size:3rem}#profileSection h2{font-size:2rem}#profilePicture{display:inherit;flex:0 auto;order:0;justify-content:center;align-self:auto;width:25vw}#profilePicture img{border:.3rem dashed #f7f3dd;border-radius:50%;width:15rem;height:15rem}#profileText{display:inherit;color:#f7f3dd;flex-direction:column;flex:0 auto;order:0;align-self:auto;width:65vw;font-family:sans-serif}#profileText a{color:#f7f3dd;text-decoration:underline}#profileHeader{display:inherit;flex-flow:wrap;justify-content:space-around;margin-right:3vw}#profileHeader img{filter:invert();width:10vh;height:10vh}#profileHeader img:hover{filter:none}#skillSection{flex-direction:column;justify-content:space-evenly;display:flex}ul#skillUL{flex-direction:row;justify-content:space-evenly;align-items:flex-start;display:flex}ul#skillUL ul{flex-direction:column;list-style-type:square;display:flex}.nav{margin-top:10vh}.page-projects h2{color:#f7f3dd;text-shadow:0 4px 4px #00000040;font-family:K2D;font-size:5vh;font-style:normal;font-weight:400;line-height:5vh}.page-projects h3{color:#f7f3dd;text-shadow:0 4px 4px #00000040;font-family:K2D;font-size:4vh;font-style:normal;font-weight:400;line-height:4vh}.project{background:#a847004d;border-radius:5px;width:35vw;min-height:35vh;margin:-.5rem;padding:0 1rem;animation:10s infinite both floatingAnimation}@keyframes floatingAnimation{0%{transform:translate(0)}25%{transform:translate(-10px,-2px)}50%{transform:translate(-12px,10px)}75%{transform:translate(10px,-10px)}to{transform:translate(0)}}.page-projects main{flex-direction:column;justify-content:normal;align-items:center;margin-top:5%;display:flex}#subNav{background-color:#3a3a3a80;border-width:1vw;border-color:#000;border-radius:1.5rem;flex-direction:column;justify-content:space-around;align-self:center;align-items:center;gap:2rem;width:10vw;padding:.5rem;list-style:none;display:flex;position:fixed}.subNavButton{color:#f7f3dd;background-color:#a847004d;border-width:.1vw;border-color:#f7f3dd;border-radius:50%;width:7vw;height:7vw}#proj1{margin-left:-40vw;animation-delay:0s}#proj2{animation-direction:reverse;animation-delay:.5s}#proj3{margin-left:40vw;animation-delay:1s}#proj4{margin-left:-35vw;animation-direction:reverse;animation-delay:1.5s}section#tittle{background:#a847004d;border-radius:15px;flex-direction:row;place-content:center;width:90vw;min-height:10vh;padding:1vw;display:flex}section#tittle h1{color:#f7f3dd;font-size:2rem}section#bodySection{flex-direction:column;place-content:space-evenly center;display:flex}section#contextSection{flex-direction:column;display:flex}section#subContextSection{flex-direction:row;align-content:space-evenly;display:flex}section#pyramidExample{flex-direction:column;place-content:space-evenly center;width:auto;display:flex}section#pyramidExample div{flex-direction:row;justify-content:space-evenly;align-items:center;width:auto;min-width:10vw;display:flex}.page-python main b,.page-python main h3{color:#a84700;margin:0}.page-python h2{color:#f7f3dd;font-size:1.8rem}section#contextSection p{color:#f7f3dd;font-size:1.75rem}section#codeSnipetSection{background-color:#3a3a3abf;border-radius:15px}section#codeSnipetSection p{color:#f7f3dd;text-align:left;font-family:monospace;font-size:1.5rem}body.python-page{width:100vw;padding:2.5vw 5vw 5vw;overflow-x:hidden}.page-python main{flex-direction:column;align-items:center;max-width:90vw;display:flex}.page-python #tittle,.page-python #codeSnipetSection{padding:1.2vw 1.6vw}#wheel{background-color:#daa520;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:40vw;height:40vw;display:flex}#wheel:after{content:"";background-color:#333;border-radius:50%;width:2vw;height:2vw}.page-wheel button{margin-top:10px}#pointer{border-bottom:10px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}#wheelContainer{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:50px;display:flex;position:relative}.item{position:absolute}#canvasContainer{z-index:1;width:100%;height:100%;position:absolute;top:0}.page-wheel .wheel-controls{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.page-wheel .wheel-controls button{cursor:pointer;background-color:#3a3a3a;border:2px solid #daa520;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:box-shadow .2s,transform .1s;display:flex}.page-wheel .wheel-controls button:hover{box-shadow:0 0 14px #daa520d9}.page-wheel .wheel-controls button:active{transform:scale(.94)}.page-wheel .wheel-controls svg{width:26px;height:26px}.page-wheel .wheel-controls svg *{stroke:#f7f3dd;fill:none}.page-heatmap section{color:#f7f3dd;background-color:#3a3543;border-radius:2.5vw;max-width:98vw}body.heatmap-page{background:#605a6d}.page-heatmap svg{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:relative;top:0;left:0}.page-heatmap rect{color:#f7f3dd;text-align:center;align-content:center;text-decoration:underline;position:relative}.page-heatmap h1{align-self:flex-start;margin:0;font-size:5vh}.page-heatmap h2{color:#a09d8e;align-self:flex-start;padding-top:0;font-size:1.5vh}#infoSection{padding:1rem}.page-heatmap main{flex-direction:column;align-items:stretch;margin-top:8vh;display:flex}#heatMapContainer{border-radius:0;flex-wrap:wrap;justify-content:flex-start;height:50vh;padding:.2vw;display:flex}.page-heatmap text{z-index:3}body.stickbot-page{background:#605a6d;flex-direction:column;height:auto;max-height:90vh;margin:0;padding:0;display:flex}.page-stickbot main{padding-top:5vh}.newServerTime{max-height:15%}#stickGrid{grid-column-gap:1px;grid-row-gap:1px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);display:grid}#stickChart{color:#fff;text-align:center;background-color:#3a3543;border-radius:25px;grid-area:1/1/4/5;font-family:sans-serif;font-size:30px}#stickIndicators{color:#fff;text-align:center;background-color:#3a3543;border-radius:25px;grid-area:4/1/5/5;font-family:sans-serif;font-size:30px}#stickOrders{color:#fff;text-align:center;background-color:#3a3543;border-radius:25px;grid-area:1/5/5/7;font-family:sans-serif;font-size:18px}.graphicContainer{flex-flow:column wrap;place-content:center space-evenly;align-items:flex-start;width:100%;height:30vh;display:flex;position:relative}.client,.server,.api{background-color:#3a3543;border-radius:25px;padding:10px}.server{grid-column-gap:1rem;grid-row-gap:0px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.serverTittle{text-align:center;border-bottom:1px solid #f7f3dd;grid-area:1/1/2/3}.mainServer{order:1;grid-area:2/1/3/2}.proxyServer{order:2;grid-area:2/2/3/3}.api{text-align:center;order:3}.svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.page-stickbot path,.page-stickbot polyline{fill:none;stroke-width:2px;stroke-dasharray:100 300;stroke-dashoffset:300px;animation:5s linear infinite arrows;position:absolute}@keyframes arrows{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}.page-stickbot svg.svg,.page-stickbot path,.page-stickbot polyline{overflow:visible!important}#topGraphicContainer{flex-direction:row;justify-content:space-between;align-items:center;width:90%;display:flex}.page-stickbot footer{color:#f7f3dd;text-align:center;background-color:#3a3a3a;width:100%;position:relative}#footerDescription{background-color:#00000036;flex-direction:row;justify-content:space-evenly;padding:1vh 4vw;display:flex;position:relative}#footDesc1,#footDesc2{text-align:center;background-color:#a8470066;border-top:.1rem solid #fff;border-radius:1rem;justify-content:flex-start;max-width:40vw;height:auto;padding:1rem;display:flex}#graphicKey{flex-flow:wrap;justify-content:space-evenly;width:auto;padding-bottom:.1vh;display:flex}.page-stickbot h3{font-size:2vw}#keyRedRect{background-color:#ff000080;border-radius:1rem;width:5vw;height:5vw}#keyWhiteRect{background-color:#ffffffb3;border-radius:1rem;width:5vw;height:5vw}#graphicKey div{flex-direction:row;align-items:center;display:flex}.page-stickbot{position:relative}.page-stickbot .scrollToAnim{z-index:10;cursor:pointer;background-color:#3a3543;border:2px solid #a89ec4;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0;padding:0;animation:1.3s ease-in-out infinite stickJump;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 18px 4px #a89ec4a6}.page-stickbot .scrollToAnim:hover{box-shadow:0 0 26px 6px #a89ec4f2}.page-stickbot .scrollToAnim svg{width:30px;height:30px}.page-stickbot .scrollToAnim svg path{stroke:#f7f3dd;stroke-width:2.5px;fill:none;stroke-dasharray:none;animation:none}@keyframes stickJump{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(12px)}60%{transform:translateY(6px)}}*{scroll-behavior:smooth;max-width:100vw}.MainNavBar{z-index:3;background-color:#3a3a3a;width:100vw;padding-top:0;position:fixed;top:0;left:0}.MainNavBar ul{margin:0;padding:0;list-style-type:none;overflow:hidden}.MainNavBar li{float:right;padding-right:5px}.MainNavBar a{color:#f7f3dd;text-align:center;background-color:#3a3a3a;max-height:15vh;padding:14px 16px;font-family:sans-serif;font-size:25px;text-decoration:none}.MainNavBar a:hover{color:#daa520;background-color:#4d4d4d}.MainNavBar li#projects{overflow:hidden}.MainNavBar .dropdown-content{color:#4d4d4d;z-index:1;background-color:#f7f3dd;min-width:160px;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-content a{float:none;color:#4d4d4d;text-align:left;background-color:#f7f3dd;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}#projects:hover .dropdown-content{display:block}.selectedNavText{color:#daa520}body{color:#f7f3dd;background-image:url(/mainPage/backgroundIMG.png);background-repeat:no-repeat;background-size:100vw 7000px;background-attachment:scroll;flex-direction:column;place-content:center flex-start;width:100%;max-width:100vw;margin:0;font-family:sans-serif;font-size:30px;display:flex}body.home-page{height:7000px;position:absolute;top:0;left:0}.main{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex;position:relative}#mainSec{flex-direction:column;align-items:center;display:flex}#tittleText{text-shadow:0 4px 4px #00000040;font-family:Impact;font-style:bold;font-size:150px}#subTittleText{text-shadow:0 4px 4px #00000040;color:#daa520;font-family:Times;font-size:51px;font-style:italic}#tittleList{margin-top:10vw;list-style-type:none}a.smooth-scroll{color:inherit;cursor:pointer;text-shadow:0 4px 4px #00000040;text-decoration:none;position:relative}a#section2{border:5px outset #daa520;border-radius:15px;justify-content:center;align-items:center;width:15vw;height:5vh;margin-top:60vh;display:flex}#sunrise-animation-container{justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#sunrise-cover{z-index:0;background-image:url(/mainPage/backgroundIMGNoTop.png);background-repeat:no-repeat;background-size:100vw 7000px;background-attachment:scroll;width:100%;height:7000px;position:absolute;top:0;left:0}.sun{text-shadow:0 4px 4px #00000040;text-align:center;z-index:-1;background-image:radial-gradient(#d8c493,#d6b051,#daa520cc);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:40vw;height:40vw;margin-top:1200px;animation:5s linear forwards paused sunAnimation,10s linear 3s infinite paused spinning;display:flex}@keyframes sunAnimation{0%{margin-top:1200px}to{margin-top:575px}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveBall-1{5%{transform:translateY(25px)}30%{transform:rotate(90deg)}to{transform:rotate(360deg)}}#intro-section-B{width:calc(100%-10vw);background:#ffffff40;padding-left:5vw;padding-right:5vw}#intro-section-B a{color:#f7f3dd}#intro-animation-container{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin-top:7vh;display:flex}#intro-animation-container #intro-section-A{border-radius:2vh;flex-direction:column;justify-content:center;width:100%;max-width:100vw;margin:0;display:flex}#intro-animation-container #intro-section-A h1,#intro-animation-container #intro-section-A h2{color:#f7f3dd;text-align:center}#intro-animation-container #intro-section-A #top-row h1{letter-spacing:1.5rem;margin:1vh 0 .5vh;font-family:Impact;font-size:12rem}#intro-animation-container #intro-section-A #bottom-row{flex-direction:row;justify-content:center;align-items:flex-end;margin-top:5vh;display:flex}#intro-animation-container #intro-section-A #bottom-row h2,#intro-animation-container #intro-section-A #bottom-row h3{letter-spacing:3rem;margin:0;font-family:Impact;font-size:25rem}#intro-animation-container #intro-section-A #bottom-row h3{letter-spacing:0;padding:0 0 1.5vh;font-size:18rem}#intro-animation-container #intro-section-A #bottom-row #blob{position:absolute}#intro-animation-container #intro-section-A #bottom-row .blob-container{justify-content:center;align-items:center;width:7rem;height:7rem;margin:0;display:flex;position:relative}#intro-animation-container #intro-section-A #bottom-row #blob-i-container{flex-direction:column;align-items:center;margin-right:3rem;display:flex}