@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap");
[class~=container]{
    display:flex;
}
[class~=container],[class~=button]{
    flex-direction:column;
}
*{
    margin-left:0;
}
*{
    margin-bottom:0;
}
[class~=button],[class~=container]{
    justify-content:center;
}
[class~=button],[class~=container]{
    align-items:center;
}
[class~=container]{
    height:100vh;
}
[class~=container]{
    background-image:url("../images/waves.svg");
}
[class~=container]{
    background-repeat:no-repeat;
}
[class~=container]{
    background-attachment:fixed;
}
[class~=container]{
    background-position:center;
}
[class~=container]{
    background-size:cover;
}
[class~=image]{
    border-radius:100%;
}
[class~=image]{
    border-left-width:3.75pt;
}
[class~=image]{
    border-bottom-width:3.75pt;
}
[class~=image]{
    border-right-width:3.75pt;
}
[class~=image]{
    border-top-width:3.75pt;
}
[class~=image]{
    border-left-style:solid;
}
[class~=image]{
    border-bottom-style:solid;
}
[class~=image]{
    border-right-style:solid;
}
[class~=image]{
    border-top-style:solid;
}
[class~=image]{
    border-left-color:#0a273b;
}
[class~=image]{
    border-bottom-color:#0a273b;
}
[class~=image]{
    border-right-color:#0a273b;
}
*{
    margin-right:0;
}
[class~=image]{
    border-top-color:#0a273b;
}
[class~=image]{
    border-image:none;
}
.text{
    margin-top:3.125pc;
}
.text{
    margin-bottom:50px;
}
[class~=title]{
    color:#b9b9b9;
}
[class~=title]{
    font-size:2.1875pc;
}
[class~=title]{
    font-weight:900;
}
[class~=title]{
    padding-bottom:.104166667in;
}
[class~=title] {
    text-align: center;
}
[class~=subtitle]{
    margin-top:.15625in;
}
[class~=button] a{
    color:white;
}
[class~=subtitle]{
    color:#969696;
}
[class~=subtitle] {
    text-align: center;
}
[class~=button] a{
    text-decoration:none;
}
[class~=subtitle]{
    font-size:15pt;
}
[class~=subtitle]{
    font-weight:400;
}
[class~=button]{
    margin-left:.625pc;
}
[class~=button]{
    margin-bottom:.625pc;
}
[class~=button]{
    margin-right:.625pc;
}
[class~=button]{
    margin-top:.625pc;
}
[class~=button]{
    width:160px;
}
[class~=button]{
    height:60px;
}
[class~=button]{
    display:inline-flex;
}
*{
    margin-top:0;
}
[class~=button]{
    background-color:#004fc4;
}
[class~=button]{
    border-left-width:.3125pc;
}
[class~=button]{
    border-bottom-width:.3125pc;
}
[class~=button]{
    border-right-width:.3125pc;
}
*{
    padding-left:0;
}
[class~=button]{
    border-top-width:.3125pc;
}
*{
    padding-bottom:0;
}
[class~=button]{
    border-left-style:solid;
}
[class~=button]{
    border-bottom-style:solid;
}
[class~=button]{
    border-right-style:solid;
}
[class~=button]{
    border-top-style:solid;
}
[class~=button]{
    border-left-color:#0a273b;
}
[class~=button]{
    border-bottom-color:#0a273b;
}
[class~=button]{
    border-right-color:#0a273b;
}
[class~=button]{
    border-top-color:#0a273b;
}
[class~=button]{
    border-image:none;
}
[class~=button]{
    border-radius:1.25pc;
}
[class~=button]{
    cursor:pointer;
}
[class~=button]{
    transition:transform .15s;
}
*{
    padding-right:0;
}
*{
    padding-top:0;
}
*{
    box-sizing:border-box;
}
[class~=button]:hover{
    transform:scale(1.08);
}
[class~=button]:hover{
    background-color:#005add;
}
*{
    font-family:"Comfortaa",sans-serif;
}

/* --- AdSense ad box positioning --- */
.ad-left, .ad-right {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  display: flex;
  justify-content: center;
  z-index: 1000;
}

.ad-left {
  left: 0;
}

.ad-right {
  right: 0;
}

.ad-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #fff;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  z-index: 1000;
}

/* Prevent main content from overlapping ads */
.container {
  margin: 0 180px; /* Adds space for left & right ads */
  padding-bottom: 100px; /* Space for bottom ad */
}

/* --- Responsive: hide side ads on mobile --- */
@media (max-width: 900px) {
  .ad-left, .ad-right {
    display: none;
  }

  .container {
    margin: 0;
  }
}
