@keyframes bouncingArrow {
  from { bottom: 0; }
  to { bottom: 10px; }
}

.websiteBody{
  margin: 0;
}.Page{
  display:block;
  margin:auto;
  width:100%;
  height:auto;
}
.Page-outer{
  
  z-index:1;
}
.Frame{
  position:relative;
  z-index:2;
  
  width:100%;
  margin-left:0;
  height:1024px;
  min-width:200px;
  max-width:1440px;
  margin:auto;
  background-image:url(assets/images/PHA_Website_mockup.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Frame-4{
  position:relative;
  z-index:3;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom:918px;
  min-height:106px;
}
.Frame-4-outer{
  
  z-index:3;
  position:relative;
  display:flex;
}
.River{
  position:relative;
  z-index:11;
  
  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:4;
  
  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:4;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:5;
  
  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:5;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:9;
  
  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:9;
  position:relative;
  display:flex;
}
.Vector-6{
  position:relative;
  z-index:10;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:10;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:7;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:7;
  position:relative;
  display:flex;
}
.Vector-7{
  position:relative;
  z-index:8;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_7.png);
}
.Vector-7-outer{
  
  z-index:8;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:6;
  
  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:6;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:15;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:15;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:16;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:16;
  position:relative;
  display:flex;
}
.Vector-1{
  position:relative;
  z-index:21;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:21;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-2{
  position:relative;
  z-index:20;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:19;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:19;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:18;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:18;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-5{
  position:relative;
  z-index:17;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:17;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:12;
  
  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:12;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:13;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(43, 60, 141, 1) -3.0616171314629196e-15%, rgba(43, 60, 141, 1) 69.58332061767577%, rgba(30, 30, 61, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:13;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:14;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(43, 60, 141, 1) -3.0616171314629196e-15%, rgba(43, 60, 141, 1) 69.58332061767577%, rgba(30, 30, 61, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:14;
  position:relative;
  display:flex;
}
.Desktop-dark{
  position:relative;
  z-index:22;
  
  margin-left:396px;
  width:1002px;
  min-width:1002px;
  height:604px;
  margin-top:-826px;
  margin-bottom:222px;
  min-height:604px;
  filter:drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.35));
  box-shadow:inset -3px -7px 5px rgba(0, 0, 0, 0.17);
}
.Desktop-dark-outer{
  
  z-index:22;
  position:relative;
  display:flex;
}
.Desktop-gray{
  position:relative;
  z-index:23;
  
  margin-left:0px;
  width:1002px;
  min-width:1002px;
  height:604px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:604px;
}
.Desktop-gray-outer{
  
  z-index:23;
  position:relative;
  display:flex;
}
.top-speaker-cam{
  position:relative;
  z-index:26;
  
  margin-left:417px;
  width:168px;
  min-width:168px;
  height:9px;
  margin-top:11px;
  margin-bottom:584px;
  min-height:9px;
}
.top-speaker-cam-outer{
  
  z-index:26;
  position:relative;
  display:flex;
}
.Ellipse-5{
  position:relative;
  z-index:29;
  
  margin-left:-159px;
  width:9px;
  height:9px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:9px;
  content:url(assets/images/Ellipse_5.png);
}
.Ellipse-5-outer{
  
  z-index:29;
  justify-content:center;
  position:relative;
  display:flex;
}
.Ellipse-4{
  position:relative;
  z-index:28;
  
  margin-left:159px;
  width:9px;
  height:9px;
  margin-top:-9px;
  margin-bottom:0px;
  min-height:9px;
  content:url(assets/images/Ellipse_4.png);
}
.Ellipse-4-outer{
  
  z-index:28;
  justify-content:center;
  position:relative;
  display:flex;
}
.Rectangle-21{
  position:relative;
  z-index:27;
  
  margin-left:11px;
  width:121px;
  height:9px;
  margin-top:-9px;
  margin-bottom:0px;
  min-height:9px;
  background-color:rgba(31, 31, 31, 1);
  border-radius:8px;
}
.Rectangle-21-outer{
  
  z-index:27;
  justify-content:center;
  position:relative;
  display:flex;
}
.Mask-Group{
  position:relative;
  z-index:25;
  
  margin-left:26px;
  width:950px;
  min-width:950px;
  height:543px;
  margin-top:-573px;
  margin-bottom:30px;
  min-height:543px;
  content:url(assets/images/Mask_Group.png);
}
.Mask-Group-outer{
  
  z-index:25;
  position:relative;
  display:flex;
}
.device{
  position:relative;
  z-index:24;
  
  margin-left:0px;
  margin-right:0px;
  flex-grow:1;
  margin-top:0px;
  margin-bottom:0px;
  min-height:604px;
  background-color:rgba(61, 61, 61, 1);
  border-radius:38px;
}
.device-outer{
  
  z-index:24;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.image-14{
  position:relative;
  z-index:33;
  
  margin-left:422px;
  width:950px;
  min-width:950px;
  height:506px;
  margin-top:-758px;
  margin-bottom:252px;
  min-height:506px;
  content:url(assets/images/image_14.png);
}
.image-14-outer{
  
  z-index:33;
  position:relative;
  display:flex;
}
.Logo{
  position:relative;
  z-index:30;
  
  margin-left:0px;
  width:433px;
  min-width:433px;
  height:204px;
  margin-top:-744px;
  margin-bottom:540px;
  min-height:204px;
  content:url(assets/images/Logo.png);
}
.Logo-outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.PHA-is-dedicated-to-{
  position:relative;
  z-index:31;
  
  margin-left:41px;
  width:304px;
  min-width:304px;
  margin-top:-498px;
  margin-bottom:186px;
  min-height:312px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:32px;
  line-height:53px;
}
.PHA-is-dedicated-to--outer{
  
  z-index:31;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:32;
  width:75px;
  height:50px;
}
.Vector-outer{
  animation: bouncingArrow 1s infinite alternate;
  z-index:32;
  position:absolute;
  display:flex;
  flex-direction: column;
  align-items: center;
  width:100%;
  height:50px;
  left:0;
  bottom:10px;
}