/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
      background-image: url('https://cdn.wallpapersafari.com/60/82/C6FRrL.jpg');
      background-size: cover;
	    background-attachment: fixed;
    	background-position: center;
	    background-repeat: no-repeat;
      color: white;
      font-family: Helvetica, sans-serif;
      text-align: center;
      filter: drop-shadow(0px 1px #333);
    }
    
    header a {
        font-weight: bold;
        color: lime;
        font-size: 1.5rem;
        text-decoration: none;
        padding-top: 10px;
    }
    
    header a:hover {
        text-decoration: underline;
    }
    
    header a:active {
        color: #333;
    }
    
    nav a {
        color: white;
        font-weight: normal;
        font-size: 15px;
        justify-content: space-between;
    }
    
    h1 {
        font-size: 90px;
        font-family: 'Myriad Pro Regular';
        font-weight: 400;
        background: #dcddde;
        background: linear-gradient(0deg, rgba(220, 221, 222, 1) 0%, rgba(237, 238, 240, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(237, 237, 237, 1) 100%);
        -webkit-background-clip: text; 
        background-clip: text;
        -webkit-text-fill-color: transparent; 
        -webkit-text-stroke: 1px white;
        filter: drop-shadow(0px 2px 2px #333);
    }
    
    p {
        margin-left: 210px;
        margin-right: 210px;
    }
    
    .btn {
        border: solid #006 1px;
        border-radius: 8px;
        background: #5ea6e6;
        background: linear-gradient(0deg, rgba(94, 166, 230, 1) 0%, rgba(99, 168, 230, 1) 50%, rgba(143, 191, 255, 1) 50%, rgba(196, 230, 255, 1) 100%);
        text-decoration: none;
        color: white;
        text-shadow: 0 1px #333;
        font-size: 30px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .internam {
        border: solid black 1px;
        border-radius: 8px;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        text-align: left;
        padding-left: 10px;
        background-color: white;
        color: black;
    }
    
    footer {
        font-size: 10px;
    }
    
    .flex {
      display: inline-flex;
    }
    
    .column {
      padding-right: 10px;
    }
    
    
    
    
    
    
    
    /* FONT FACE */
    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url(/font-face/MYRIADPRO-REGULAR.woff) format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url(/font-face/MYRIADPRO-COND.woff) format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url(/font-face/MyriadPro-Light.woff) format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }