
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #737373; 
  font-family: sans-serif;   
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;         
}
.curved-box {
  position: relative;
  width: 650px;
  height: 200px;
  
  margin-top: 60px;
  
  background-color: #1d1d1d; 
  border-radius: 10px; 
  
  display: flex;
  justify-content: center;   
  align-items: center;       
  
  color: #000000;           
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
}

.star-bg {
  position: absolute;        
  left: -150px;               
  top: 40%;                  
transform: translateY(-50%) rotate(-10deg);  
  font-size: 400px;          
  color: #000000;            
  z-index: 1;                
}

.curved-box h2 {
  margin: 0;
  font-size: 70px;
  position: relative;
  z-index: 2;
  color: #737373;            

}

.linkedin-btn {
  position:absolute;
  width: 150px;
  height: 150px;
  margin-top: 80px;
  left: 80px;
  background-color: #000000; 
  border-radius: 10px; 
  
  color: #737373;            
  border: none;              
  
  cursor: pointer;
  transition: all 0.2s ease; 
}

.instagram-btn {
  position: absolute;
  width: 150px;
  height: 150px;
  margin-top: 250px;
  left: 150px; /* Pushes the LinkedIn button further right so they don't overlap */
  background-color: #000000; 
  border-radius: 10px; 
  color: #737373;            
  border: none;              
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Sets the size of the SVG logo inside the button */
.instagram-btn svg, .linkedin-btn svg {
  width: 90px;
  height: 90px;
}

/* Optional: Slight hover effect so it feels like a real button */
.instagram-btn:hover, .linkedin-btn:hover {
  background-color: #111111;
  color: #a3a3a3;
  transform: scale(1.03);
}
  
.linkedin-bg {
  position:absolute;
  width: 150px;
  height: 150px;
  margin-top: 350px;
  left: 80px;
  background-color: #000000; 
  border-radius: 10px; 
  
  display: flex;
  justify-content: center;   
  align-items: center;       
  
  color: #000000;           
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
  
  
}  
  


