.websiteBody{
  margin: 0;
}.Page{
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  pointer-events:auto;
}
.Page-outer{
  
  z-index:1;
}
.Frame{
  position:relative;
  z-index:2;
  
  width:100%;
  margin-left:0;
  height:1910px;
  min-width:200px;
  max-width:1440px;
  margin:auto;
  background-color:rgba(28, 26, 29, 1);
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Frame-4{
  position:fixed;
  z-index:32;
  
  margin-left:0px;
  width:1440px;
  min-width:200px;
  height:106px;
  margin-top:0px;
  margin-bottom:1804px;
  min-height:106px;
  top:0px;
  bottom:0;
  max-width:1440px;
}
.Frame-4-outer{
  
  z-index:32;
  position:relative;
  display:flex;
}
.River{
  position:relative;
  z-index:40;
  
  margin-left:600px;
  width:119px;
  min-width:119px;
  margin-top:-2px;
  margin-bottom:24px;
  min-height:84px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Pacifico;
  font-weight:400;
  font-size:48px;
  line-height:85px;
}
.River-outer{
  position:relative;
  display:flex;
}
.Main-menu-bar{
  position:relative;
  z-index:33;
  
  margin-left:-5px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:-98px;
  margin-bottom:-8px;
  min-height:106px;
}
.Main-menu-bar-outer{
  
  z-index:33;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:34;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:106px;
  background-color:rgba(196, 196, 196, 0);
}
.Rectangle-7-outer{
  
  z-index:34;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:38;
  
  margin-left:1367px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-98px;
  margin-bottom:60px;
  min-height:38px;
  overflow:hidden;
}
.linkedin-icon-outer{
  
  z-index:38;
  position:relative;
  display:flex;
}
.Vector-5{
  position:relative;
  z-index:39;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:39;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:36;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:36;
  position:relative;
  display:flex;
}
.Vector-6{
  position:relative;
  z-index:37;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:37;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:35;
  
  margin-left:125px;
  width:73px;
  min-width:73px;
  margin-top:-73px;
  margin-bottom:39px;
  min-height:34px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:59px;
}
.Menu-outer{
  
  z-index:35;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:44;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:44;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:45;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:45;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:50;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector.png);
}
.Vector-outer{
  
  z-index:50;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-1{
  position:relative;
  z-index:49;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:49;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-2{
  position:relative;
  z-index:48;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:48;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:47;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:47;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:46;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:46;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:41;
  
  margin-left:20px;
  width:76px;
  min-width:76px;
  height:17px;
  margin-top:-67px;
  margin-bottom:50px;
  min-height:17px;
}
.q3-rectangle-Hamburg-outer{
  
  z-index:41;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:42;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(159, 33, 147, 1) -3.0616171314629196e-15%, rgba(184, 42, 234, 0.5072917938232422) 69.58332061767577%, rgba(21, 15, 21, 0.7300000190734863) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:42;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:43;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(159, 33, 147, 1) -3.0616171314629196e-15%, rgba(184, 42, 234, 0.5072917938232422) 69.58332061767577%, rgba(21, 15, 21, 0.7300000190734863) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:43;
  position:relative;
  display:flex;
}
.Rectangle-17{
  position:relative;
  z-index:3;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:1807px;
  margin-top:105px;
  margin-bottom:0px;
  min-height:1807px;
  content:url(assets/images/Rectangle_17.png);
}
.Rectangle-17-outer{
  
  z-index:3;
  position:relative;
  display:flex;
}
.Rectangle-16{
  position:relative;
  z-index:9;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:713px;
  margin-top:-1440px;
  margin-bottom:727px;
  min-height:713px;
  background-color:rgba(28, 26, 29, 1);
}
.Rectangle-16-outer{
  
  z-index:9;
  position:relative;
  display:flex;
}
.Hi--I-m-River-{
  position:relative;
  z-index:12;
  
  margin-left:61px;
  width:366px;
  min-width:366px;
  margin-top:-1404px;
  margin-bottom:1305px;
  min-height:99px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:64px;
  line-height:104px;
}
.Hi--I-m-River--outer{
  
  z-index:12;
  position:relative;
  display:flex;
}
.River--he-him--is-a-{
  position:relative;
  z-index:10;
  
  margin-left:61px;
  width:1020px;
  min-width:1020px;
  margin-top:-1305px;
  margin-bottom:1263px;
  min-height:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Trebuchet MS;
  font-weight:400;
  font-size:36px;
  line-height:42px;
}
.River--he-him--is-a--outer{
  
  z-index:10;
  position:relative;
  display:flex;
}
.A-Southwestern-kind-{
  position:relative;
  z-index:11;
  
  margin-left:61px;
  width:884px;
  min-width:884px;
  margin-top:-1171px;
  margin-bottom:1067px;
  min-height:104px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:64px;
  line-height:104px;
}
.A-Southwestern-kind--outer{
  
  z-index:11;
  position:relative;
  display:flex;
}
.Located-in-Phoenix--{
  position:relative;
  z-index:13;
  
  margin-left:62px;
  width:1261px;
  min-width:1261px;
  margin-top:-1101px;
  margin-bottom:755px;
  min-height:346px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Trebuchet MS;
  font-weight:700;
  font-size:27px;
  line-height:31px;
}
.Located-in-Phoenix---outer{
  
  z-index:13;
  position:relative;
  display:flex;
}
.arizona-valley{
  position:relative;
  z-index:4;
  
  margin-left:-10px;
  width:1450px;
  min-width:1450px;
  height:432px;
  margin-top:-733px;
  margin-bottom:295px;
  min-height:432px;
}
.arizona-valley-outer{
  
  z-index:4;
  position:relative;
  display:flex;
}
.Rectangle-4{
  position:relative;
  z-index:6;
  
  margin-left:0px;
  width:1450px;
  min-width:1450px;
  height:432px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:432px;
  background:linear-gradient(180deg, rgba(38, 13, 51, 0.5600000023841858) -3.0616171314629196e-15%, rgba(31, 21, 36, 0.485592246055603) 0.009999999747375688%, rgba(43, 30, 49, 0.6800000071525574) 34.166654944419854%, rgba(28, 26, 29, 1) 99.99999999999999%);
}
.Rectangle-4-outer{
  
  z-index:6;
  position:relative;
  display:flex;
}
.unsplash-toCqTyxsT4Q{
  position:relative;
  z-index:5;
  
  margin-left:10px;
  width:1438px;
  min-width:1438px;
  height:421px;
  margin-top:-432px;
  margin-bottom:11px;
  min-height:421px;
  content:url(assets/images/unsplash_toCqTyxsT4Q.png);
}
.unsplash-toCqTyxsT4Q-outer{
  
  z-index:5;
  position:relative;
  display:flex;
}
.RiverWhyte{
  position:relative;
  z-index:14;
  
  margin-left:486px;
  width:348px;
  min-width:348px;
  height:112px;
  margin-top:-697px;
  margin-bottom:585px;
  min-height:112px;
}
.RiverWhyte-outer{
  
  z-index:14;
  position:relative;
  display:flex;
}
.RiverWhyte-1{
  position:relative;
  z-index:15;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Pacifico;
  font-weight:400;
  font-size:64px;
  line-height:112px;
}
.RiverWhyte-1-outer{
  
  z-index:15;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.gg-maze{
  position:relative;
  z-index:16;
  
  margin-left:1210px;
  width:187px;
  min-width:187px;
  height:187px;
  margin-top:-567px;
  margin-bottom:380px;
  min-height:187px;
  overflow:hidden;
}
.gg-maze-outer{
  
  z-index:16;
  position:relative;
  display:flex;
}
.Vector-16{
  position:relative;
  z-index:17;
  
  margin-left:4.278074866310162%;
  width:91.66844919786101%;
  height:43.213903743315505%;
  margin-top:29.411764705882366%;
  content:url(assets/images/Vector_16.png);
}
.Vector-16-outer{
  
  z-index:17;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.logos-figma{
  position:relative;
  z-index:23;
  
  margin-left:806px;
  width:120px;
  min-width:120px;
  height:181px;
  margin-top:-424px;
  margin-bottom:243px;
  min-height:181px;
  overflow:hidden;
}
.logos-figma-outer{
  
  z-index:23;
  position:relative;
  display:flex;
}
.Vector-7{
  position:relative;
  z-index:28;
  
  margin-left:50%;
  width:50%;
  height:33.331491712707184%;
  margin-top:50%;
  content:url(assets/images/Vector_7.png);
}
.Vector-7-outer{
  
  z-index:28;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-8{
  position:relative;
  z-index:27;
  
  margin-left:50%;
  width:50%;
  height:33.331491712707184%;
  margin-top:0%;
  content:url(assets/images/Vector_8.png);
}
.Vector-8-outer{
  
  z-index:27;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-9{
  position:relative;
  z-index:26;
  
  margin-left:0%;
  width:50%;
  height:33.331491712707184%;
  margin-top:0%;
  content:url(assets/images/Vector_9.png);
}
.Vector-9-outer{
  
  z-index:26;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-10{
  position:relative;
  z-index:25;
  
  margin-left:0%;
  width:50%;
  height:33.331491712707184%;
  margin-top:50%;
  content:url(assets/images/Vector_10.png);
}
.Vector-10-outer{
  
  z-index:25;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-11{
  position:relative;
  z-index:24;
  
  margin-left:0%;
  width:50%;
  height:33.331491712707184%;
  margin-top:100.83333333333333%;
  content:url(assets/images/Vector_11.png);
}
.Vector-11-outer{
  
  z-index:24;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Maze{
  position:relative;
  z-index:31;
  
  margin-left:1265px;
  width:77px;
  min-width:77px;
  margin-top:-405px;
  margin-bottom:368px;
  min-height:37px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Trebuchet MS;
  font-weight:700;
  font-size:32px;
  line-height:37px;
}
.Maze-outer{
  
  z-index:31;
  position:relative;
  display:flex;
}
.EDITED-7535-HH-49545{
  position:relative;
  z-index:8;
  
  margin-left:220px;
  width:322px;
  min-width:322px;
  height:267px;
  margin-top:-386px;
  margin-bottom:119px;
  min-height:267px;
  content:url(assets/images/EDITED_7535_HH_49545725_River_Whyte_IMG_1535_1_1.png);
}
.EDITED-7535-HH-49545-outer{
  
  z-index:8;
  position:relative;
  display:flex;
}
.logos-visual-studio-{
  position:relative;
  z-index:18;
  
  margin-left:1023px;
  width:147px;
  min-width:147px;
  height:146px;
  margin-top:-330px;
  margin-bottom:184px;
  min-height:146px;
  overflow:hidden;
}
.logos-visual-studio--outer{
  
  z-index:18;
  position:relative;
  display:flex;
}
.Vector-12{
  position:relative;
  z-index:22;
  
  margin-left:0%;
  width:99.61224489795923%;
  height:99.87671232876713%;
  margin-top:0%;
  content:url(assets/images/Vector_12.png);
}
.Vector-12-outer{
  
  z-index:22;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-13{
  position:relative;
  z-index:21;
  
  margin-left:68.70748299319727%;
  width:31.12925170068027%;
  height:99.87671232876713%;
  margin-top:0%;
  content:url(assets/images/Vector_13.png);
}
.Vector-13-outer{
  
  z-index:21;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-14{
  position:relative;
  z-index:20;
  
  margin-left:0%;
  width:99.67346938775509%;
  height:75.87671232876713%;
  margin-top:23.809523809523807%;
  content:url(assets/images/Vector_14.png);
}
.Vector-14-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-15{
  position:relative;
  z-index:19;
  
  margin-left:0%;
  width:99.67346938775509%;
  height:75.87671232876713%;
  margin-top:0%;
  content:url(assets/images/Vector_15.png);
}
.Vector-15-outer{
  
  z-index:19;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Figma{
  position:relative;
  z-index:29;
  
  margin-left:806px;
  width:89px;
  min-width:89px;
  margin-top:-215px;
  margin-bottom:178px;
  min-height:37px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Trebuchet MS;
  font-weight:700;
  font-size:32px;
  line-height:37px;
}
.Figma-outer{
  
  z-index:29;
  position:relative;
  display:flex;
}
.Visual-Code-Studio{
  position:relative;
  z-index:30;
  
  margin-left:985px;
  width:277px;
  min-width:277px;
  margin-top:-151px;
  margin-bottom:114px;
  min-height:37px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Trebuchet MS;
  font-weight:700;
  font-size:32px;
  line-height:37px;
}
.Visual-Code-Studio-outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.Rectangle-8 {
  position: relative;
  z-index: 7;
  transform: rotate(180deg);
  margin-left: 0px;
  width: 530px;
  height: 330px;
  margin-top: -418px;
  margin-bottom: 136px;
  /* min-height: 417px; */
  background: linear-gradient(0deg, rgba(199, 76, 186, 1) -0%, rgba(104, 60, 100, 1) 47%, rgba(48, 27, 46, 1) 100%);
  border-radius: 259px 0px 0px 259px;
}
.Rectangle-8-outer{
  z-index:7;
  position:relative;
  display:flex;
}
#RiverWhyte, #logos-figma, #logos-visual-studio-, #gg-maze {
  transition: all 0.2s ease-out;
  transform-origin: center;
}
#logos-figma:hover, #logos-visual-studio-:hover, #gg-maze:hover {
  transform: scale(1.2);
}
#RiverWhyte:hover {
  transform: scale(1.5);
}