@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;1,400&family=DM+Serif+Display:ital@0;1&display=swap";:root{--white:#f5f1ed;--black:#331817;--brown1:#8d5b48;--brown2:#ffcf9c;--red:#df4540}html,body{background-color:var(--white);margin:0;padding:0}.webPageContent{flex-direction:row;width:100vw;height:100vh;display:flex;overflow:scroll hidden}.sectionContent{flex-direction:row;justify-content:space-between;align-items:center;gap:10vw;width:100vw;height:100vh;margin-left:5vw;display:flex}h1{color:var(--black);margin-top:0;font-family:DM Serif Display,serif;font-size:5em;font-weight:400;line-height:120%}h2{color:var(--black);margin-top:0;font-family:DM Serif Display,serif;font-style:normal;font-weight:400}h3{color:var(--black);margin-top:0;font-family:DM Serif Display,serif;font-size:2vw;font-style:italic;font-weight:400}p{font-optical-sizing:auto;color:var(--black);margin-top:0;font-family:DM Sans,sans-serif;font-size:1vw;font-style:normal;font-weight:400;line-height:150%}.startBar{z-index:1;background-color:var(--white);width:10vw;height:100vh;display:flex;position:fixed;left:0;& img{align-self:center;height:50vh;margin-top:40%;margin-left:10%}}.gridBg{border-bottom:1px solid var(--brown1);z-index:0;width:100vw;position:fixed;left:0}.logoImg{z-index:2;background-color:var(--brown2);height:2vw;margin-top:4vh;padding:1vw 2vw;position:fixed;left:5vw}.textBox1{text-wrap:wrap;z-index:1;width:30vw;height:50vh;& h1{margin-bottom:3vh;font-size:5vw;line-height:105%}& p{width:35vw;margin-left:1.5vh}}.textBox2{text-wrap:wrap;z-index:1;width:40vw;height:50vh;& h3{margin:.4vh}& h3:first-child{margin-top:1vh}& p{width:30vw;margin-top:0}}.textBox3{text-wrap:wrap;z-index:1;width:60vw;height:50vh;& h1{width:40vw;margin-top:3vh}& a{color:var(--white);background-color:var(--red);margin-right:2vw;padding:1.8vw 4vw;font-family:DM Serif Display,sans serif;font-size:1.5vw;text-decoration:none}}.mainImg{object-fit:cover;z-index:1;width:60vw;height:50vh;margin-left:0;margin-right:10vw}.secondImg{object-fit:cover;z-index:1;width:35vw;height:50vh;margin-left:0}.thirdImg{object-fit:cover;z-index:1;width:40vw;height:50vh;margin-left:0}.bottomBar{z-index:5;height:2vh;margin-left:5vw;position:fixed;bottom:10vh;& h3{margin:0 0 2vh}& p{line-height:40%}& img{height:4.5vw;position:fixed;bottom:2vh;right:5vw}}.navbar{background-color:var(--brown2);z-index:10;align-content:center;height:2vw;margin-top:4vh;padding:1vw;font-family:DM Sans,sans-serif;position:fixed;left:10vw;& a{color:var(--black);padding-left:2vw;padding-right:4vw;font-size:1vw;text-decoration:none}& a:last-of-type{padding-right:2vw}}