/*============================================================================*/
/* Abyss Robotics */
/* Description: CSS file for the Abyss Robotics website */
/*============================================================================*/

@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/*-----------------------------------------------------------------------------*/
/* General */
/*-----------------------------------------------------------------------------*/

.outline
{
  border: 2px solid magenta;
}

#landing
{
    background: url(../images/underwater_top.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#info
{
    min-height: 100vh;
    background: url(../images/underwater_bottom.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#about
{
    padding-left: 30%;
    padding-right: 30%;
}

/*-----------------------------------------------------------------------------*/
/* Glow */
/*-----------------------------------------------------------------------------*/

.in-glow
{
   box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.1);
}

.in-glow-bottom
{
   box-shadow: inset 0px -20px 20px -20px rgba(255, 255, 255, 0.1);
}

.in-glow-top
{
    box-shadow: inset 0px 20px 20px -20px rgba(255, 255, 255, 0.1);
}

.out-glow
{
   box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3);
}