/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jul 25, 2024, 2:53:15 PM
    Author     : thoma
*/
.home-page {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.home-page .div {
  background-color: #ffffff;
  width: 430px;
  height: 932px;
  position: relative;
}

.home-page .xrathus-logo {
  position: absolute;
  width: 69px;
  height: 69px;
  top: 62px;
  left: 21px;
  object-fit: cover;
}

.home-page .text-wrapper {
  position: absolute;
  width: 385px;
  top: 148px;
  left: 23px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.home-page .search-button {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 611px;
  left: 229px;
  object-fit: cover;
}

.home-page .clusters-button {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 223px;
  left: 21px;
  object-fit: cover;
}

.home-page .collaborators-button {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 223px;
  left: 228px;
  object-fit: cover;
}

.home-page .status-bar-iphone {
  position: absolute;
  width: 393px;
  height: 54px;
  top: 0;
  left: 20px;
  background-color: #ffffff;
}

.home-page .time {
  position: absolute;
  width: 140px;
  height: 54px;
  top: 0;
  left: 0;
}

.home-page .time-2 {
  position: absolute;
  top: 17px;
  left: 52px;
  font-family: "SF Pro-Semibold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.home-page .levels {
  position: absolute;
  width: 140px;
  height: 54px;
  top: 0;
  left: 252px;
}

.home-page .battery {
  position: absolute;
  width: 27px;
  height: 13px;
  top: 23px;
  left: 81px;
}

.home-page .overlap-group {
  position: absolute;
  width: 25px;
  height: 13px;
  top: 0;
  left: 0;
  border-radius: 4.3px;
  border: 1px solid;
  border-color: #00000059;
}

.home-page .capacity {
  position: relative;
  width: 21px;
  height: 9px;
  top: 1px;
  left: 1px;
  background-color: #000000;
  border-radius: 2.5px;
}

.home-page .cap {
  position: absolute;
  width: 1px;
  height: 4px;
  top: 5px;
  left: 26px;
}

.home-page .wifi {
  position: absolute;
  width: 17px;
  height: 12px;
  top: 24px;
  left: 57px;
}

.home-page .cellular-connection {
  position: absolute;
  width: 19px;
  height: 12px;
  top: 24px;
  left: 30px;
}

.home-page .overlap {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 72px;
  left: 360px;
}

.home-page .bell {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
}

.home-page .ellipse {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 0;
  left: 24px;
  background-color: #ff0808;
  border-radius: 9.5px;
}

.home-page .text-wrapper-2 {
  position: absolute;
  top: 1px;
  left: 32px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
}

.home-page .screenshot {
  position: absolute;
  width: 108px;
  height: 31px;
  top: 81px;
  left: 102px;
  object-fit: cover;
}

.home-page .xrathus-events {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 417px;
  left: 228px;
  object-fit: cover;
}

.home-page .xrathus-challenges {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 417px;
  left: 21px;
  object-fit: cover;
}

.home-page .xrathus {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 611px;
  left: 21px;
  object-fit: cover;
}

.home-page .bottom-bar {
  position: absolute;
  width: 430px;
  height: 123px;
  top: 809px;
  left: 0;
}

.home-page .overlap-2 {
  position: relative;
  height: 123px;
}

.home-page .rectangle {
  position: absolute;
  width: 430px;
  height: 74px;
  top: 49px;
  left: 0;
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #dedede;
}

.home-page .user-avatar {
  position: absolute;
  width: 50px;
  height: 48px;
  top: 57px;
  left: 359px;
}

.home-page .icon {
  position: absolute;
  width: 49px;
  height: 44px;
  top: 63px;
  left: 109px;
}

.home-page .img {
  position: absolute;
  width: 47px;
  height: 48px;
  top: 60px;
  left: 284px;
}

.home-page .home-button {
  position: absolute;
  width: 72px;
  height: 77px;
  top: 43px;
  left: 14px;
  background-image: url(https://c.animaapp.com/Ptxn6hXI/img/image-6@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.home-page .xrathus-plusbutton {
  position: absolute;
  width: 81px;
  height: 81px;
  top: 0;
  left: 176px;
  object-fit: cover;
}