canvas{position:fixed;top:0;left:0}main{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99;width:100vw;margin:0 auto;color:#fff;top:0;left:0}.page1,.page3,.page4,.page5{width:100vw;height:100vh;max-width:1940px}.page1{height:85vh;display:flex}.page1 header{width:100vw;color:#fff;display:flex;position:fixed;justify-content:center;align-items:center}.page1 header img{margin:2vmin}.linkedIn,.gitHub{width:60px;height:60px}.x{width:70px;height:70px;filter:invert(1)}.linkedIn:hover{width:85px;height:85px;cursor:pointer;transition:.5s}.x:hover,.gitHub:hover{cursor:pointer;width:85px;height:85px;transition:.5s}#name{font-size:5vmin;width:100vw;display:flex;align-items:center;justify-content:center;color:#ff6410}#quotePage{width:90vw;height:30vh;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}#quotePage h2{background-color:green;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;height:10vh;padding:10px;width:30vw;font-size:20px;background-color:#000}#heyThere{align-self:flex-end;margin-right:60px;background-color:#a2aaad}.odoroPage{margin:4rem auto;padding:2rem;max-width:1200px;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.odoroPage h1{width:95vw;color:#ff6410;font-size:40px;margin-bottom:1.5rem;border-bottom:solid 1vh #ff6410;display:flex;justify-content:flex-start}.odoroMainBody{height:100%;width:100%;display:flex;align-items:center;justify-content:space-evenly}.odoroMainBodyLeftSide{width:70vw;height:80vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}#odoroImageDiv{width:100%;height:60%;max-width:800px;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.odoroImages{border-radius:8px;box-shadow:0 2px 8px #00000026;min-width:200px;min-height:350px;max-width:220px;max-height:400px;object-fit:cover;margin:10px}.odoroImages:hover{transform:scale(1.05);transition:transform .3s ease;cursor:pointer}.odoroDes{padding:10px;width:30vw;background-color:#fff;color:#000;margin-top:1rem}.odoroDes span{font-weight:700}.odoroKeyFeatures{background-color:#fff;color:#000;height:500px;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:10px;width:40vw;font-size:15px}.odoroKeyFeatures h2{font-size:20px;margin-top:1rem;font-weight:700}.gfPage{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.gfPage h1{width:95vw;color:#ff6410;font-size:40px;margin-bottom:0;display:flex;justify-content:flex-end;border-bottom:solid 1vh #ff6410}#gfLogo{width:55px;height:55px}.gfMainBody{height:100%;width:100%;display:flex;align-items:center;justify-content:space-evenly}.gfMainBodyLeftSide{width:70vw;height:80vh;display:flex;flex-direction:column;align-items:center}.gfDes{padding:10px;width:50vw;background-color:#fff;color:#000}.gfDes span{font-weight:700}.gfKeyFeatures{background-color:#fff;color:#000;height:600px;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:10px;width:20vw;font-size:15px}.gfKeyFeatures h2{font-size:20px}#gfImageDiv{width:100%;height:100%;max-width:800px;display:flex;justify-content:center;align-items:center;overflow-x:visible}.gfImages{border-radius:5px;min-width:230px;min-height:130px;max-width:20vw}#gfHomePage{min-width:270px;min-height:170px;margin:5px;max-width:25vw}#gfHomePage:hover{animation:scaleSlowly 1s forwards}.page2{width:100vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ff6410;color:#fff}.jumpText{display:flex;justify-content:center;align-items:center;width:100vw;height:5vh}.techs{border-top:solid 1px white;display:grid;grid-template-columns:1fr 1fr 1fr;align-self:flex-end;place-items:center;column-gap:20px;row-gap:20px;height:100%;width:100vw;background-color:#f89880}.techs img{padding:10px;border-color:#fff;border-style:solid;border-radius:90px;border-width:1.5px;width:50px;height:50px}.techs img:hover{width:60px;height:60px}.page3{display:flex;flex-direction:column;justify-content:center;align-items:center}.page3 h1{width:95vw;color:#ff6410;font-size:40px;margin-bottom:0;border-bottom:solid 1vh #ff6410}.imageSection{border-radius:15px;width:100vw;height:80%;display:flex;justify-content:space-around;align-items:center}.page3 .imageSection article{color:#000;display:flex;max-width:700px;max-height:900px;width:30vw;height:70vh;justify-content:center;align-items:center;background-color:#fff;padding:5px}#scamPics img{max-width:700px;max-height:900px;width:30vw;height:70vh}#scamPics img:hover{cursor:pointer;transition:.5s;width:420px;height:520px}.page4{display:flex;flex-direction:column;align-items:center}.h1Div{width:100vw;display:flex;align-items:center;justify-content:space-evenly}.h1Div h1{color:#ff6410;font-size:40px;width:45vw;border-bottom:solid 1vh #ff6410;display:flex;justify-content:flex-start}#mainSection{width:95vw;height:100%;display:flex;align-items:center;justify-content:space-evenly}#focusSide,#albertaSide{width:40vw;height:70vh;display:flex;flex-direction:column;align-items:center}#mainSection a img{transform:scale(1.3);justify-self:flex-start;width:100%;height:60%}#mainSection p{background-color:#fff;width:100%;height:100%;padding:15px;color:#000;font-weight:lighter;max-height:250px}#mainSection p span{font-weight:700}.page4point5{height:75vh;width:100%;display:flex;flex-direction:column;align-items:center}.page4point5 h1{color:#ff6410;width:95vw;border-bottom:solid 1vh #ff6410}.page4point5 .imageSection{height:100%;width:100%;display:flex;align-items:center;justify-content:space-evenly}.page4point5 .imageSection img{width:40vw}.page4point5 .imageSection article{width:40vw;background-color:#fff;color:#000;padding:5px}.page5{display:flex;flex-direction:column;justify-content:center;align-items:center}.page5 h1{width:95vw;font-size:40px;display:flex;justify-content:flex-end;margin-bottom:0;color:#ff6410;border-bottom:solid 1vh #ff6410}.page5 .imageSection{width:100vw;height:80%;display:flex;justify-content:space-around;align-items:center}.page5 .imageSection article{color:#000;display:flex;padding:10px;justify-content:center;align-items:center;background-color:#fff;max-width:700px;max-height:900px;width:30vw;height:70vh}#loopedPics img{max-height:700px;max-width:1000px;height:45vh;width:40vw}#loopedPics img:hover{cursor:pointer}