* {
  box-sizing: border-box;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif;
  margin: auto;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Poppins;
  cursor: url(https://file.garden/Zm1apvzejzDv1eaO/1190051281109274804.gif), auto !important;
}

@media screen and (min-width: 480px) {
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

  }
}


.starwrap {
}

.starwrap { 
}

.ericdoa1 {

}


.container1 {

  position: absolute;
  left: 0;
  background-color: rgb(117, 114, 114);
  width: 30rem;
  height: 12rem;
  border-radius: 24px;
  left: 490px;
  top: 490px;
  box-shadow: 10px 10px 5px rgb(0 0 0 / 10%);
  z-index: 20;


}

.imgs {



}

.square {

  position: absolute;
  left: 0;
  background-color: rgb(179, 179, 179);
  width: 40rem;
  height: 40rem;
  border-radius: 40px;
  left: 940px;
  top: 550px;
  z-index: -20;

}

.square2 {

  position: absolute;
  left: 0;
  background-color: rgb(228, 228, 228);
  width: 6090rem;
  height: 40rem;
  left: 0px;
  top: 790px;
  z-index: -50;

}

.symbol {

  position: absolute;
  z-index: 90;
  left: 880px;
top: 410px;
}

.symbol2 {
  content: "";

  position: absolute;
  left: 0;
  background-color: rgb(255, 255, 255);
  width: 130px;
  height: 8rem;
  border-radius: 24px;
  left: 0px;
  top: -70px;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);

}

@font-face {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif

}

.INTERESTS
{

position: absolute;
color: white;
left: 300px;
margin-top: -160px;
align-content: center;
z-index: 90;

}

.container2
{

  position: absolute;
   left: 0;
   background-color: rgb(117, 114, 114);
   width: 30.3rem;
   height: 8rem;
   border-radius: 300px;
   border-bottom-right-radius: 10px; border-top-right-radius: 10px;
   left: 1100px;
   top: 260px;
   box-shadow: 10px 10px 5px rgb(0 0 0 / 10%);
   z-index: 90;

}

.over {
  mask:
  radial-gradient(at 70% 31%,#000 29%,#0000 30%),
  radial-gradient(at 30% 31%,#000 29%,#0000 30%),
  linear-gradient(#000 0 0) bottom/100% 50% no-repeat;
 clip-path: polygon(-41% 0,50% 91%, 141% 0);
left: 230px;




}

@supports not (-webkit-mask-box-image: var(--_m)) { 
  .over {
   --_m:
     radial-gradient(at 70% 31%,#ffffff 29%,#0000 30%),
     radial-gradient(at 30% 31%,#000 29%,#0000 30%),
     linear-gradient(#ffffff 0 0) bottom/100% 50% no-repeat;
   -webkit-mask: var(--_m);
           mask: var(--_m);
  }
}


.gallery {
  --g: 6px; /* the gap */
  left: 1000px;
  top: 600px;
  display: grid;
  width: 300px; /* the size */
  aspect-ratio: 1;
  grid: auto-flow 1fr/repeat(3,1fr);
  gap: var(--g);
}
.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale();
  cursor: pointer;
  transition: .5s
}
.gallery img:hover {
  filter: grayscale(0);
}
.gallery img:nth-child(2) {
  grid-area: 1/2/span 2/span 2;
  clip-path: polygon(0 0,100% 0,100% 100%,calc(50% + var(--g)/4) 100%,0 calc(50% - var(--g)/4))
}
.gallery img:nth-child(3) {
  grid-area: 2/1/span 2/span 2;
  clip-path: polygon(0 0,calc(50% - var(--g)/4) 0,100% calc(50% + var(--g)/4),100% 100%,0 100%);
}

body {
 
  display: grid;
  place-content: center;
}

.record-container {
  display: inline-block;
  overflow: hidden;
  width: 400px; height: 300px;
  border-radius: 10px;

}
.record {
  position: relative;
  margin: 19px auto;
  width: 262px; height: 262px;
  border-radius: 50%;
  background: 
    linear-gradient(30deg, transparent 40%, rgba(42, 41, 40, .85) 40%) no-repeat 100% 0,
    linear-gradient(60deg, rgba(42, 41, 40, .85) 60%, transparent 60%) no-repeat 0 100%,
    repeating-radial-gradient(#2a2928, #2a2928 4px, #ada9a0 5px, #2a2928 6px);
  background-size: 50% 100%, 100% 50%, 100% 100%;
	animation: spin 3.2s linear infinite;
}
@keyframes spin {
 100% { transform: rotate(360deg); } 
}
.record:after {
  position: absolute;
  top: 50%; left: 50%;
  margin: -35px;
  border: solid 1px #ffffff;
  width: 68px; height: 68px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #8d8d8d,
    inset 0 0 0 27px #000000;
  background: #ffffff;
  content: '';
}