/* Starter Stylesheet for our project.
-----------------------------------------------
Please read the comments to understand what
this code does. 

Refer to w3schools.com for help
-----------------------------------------------
*/

/*  This removes the default browser settings */
* {
    margin: 0; 
    padding: 0;
}

/*  
    This sets the outer container for your site.
    To use it, you will need to create division tag
    to hold the content. Give it an id="wrapper".
    I would look like this...
        <div id="wrapper">
    Put this division right after the body tag
    and close it right before the close of the body tag
*/
 /*
 Header-Index
 */

header {
    display: flex;
flex-direction: column;
align-items: center;
opacity: 0.8;
background: #62739F;
display: flex;
width: 1080px;
padding: 200px 104px 12px 104px;
flex-direction: column;
align-items: center;




width: 2000;
height: 200;
background: rgba(77, 131, 195, 0.90);
}

#wrapper{
    margin:0 auto;
    width:1080px;
    min-height:1920px;
    position:relative;
}

text box {
    width: 745px;
height: 346px;
background: rgba(77, 131, 195, 0.90);
display: flex;
width: 677px;
height: 128px;
flex-direction: column;
justify-content: center;
color: #FFF;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
/* about*/

header {
    display: flex;
width: 1300;
height:300;
padding: 200px 104px 12px 104px;
flex-direction: column;
align-items: center;
gap: 40px;
opacity: 0.8;
background: #62739F;
}




/* 
    The is the syntax to set a background image.
    Copy the 2 styles below and put them in the tag
    you want to add a background image to. 
    Then, change the image to your image. 
*/
body{

backgroundSample {
    background-image: url(../_images/SITE\ BKG.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 10px;
    width: 1400px;
}
}