@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
  box-sizing: border-box;
  
}
body{
  background-color: rgb(146, 157, 253); /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, rgb(3, 0, 158), rgb(0, 183, 255));
  font-family: "Montserrat", sans-serif;
  
}
.img-comp-container {
  position: relative;
  height: 550px; 
  margin-bottom: 20px; 
}

.img-comp-img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  width: auto; 
  height: auto; 
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}

h1{
  font-size: 40pt;
  color: azure;
}
p{
  font-size: 15pt;
  color: azure;
}
hr{
  color: azure;
}