/*
COLOR PALETTE
https://coolors.co/f7fff7-343434-2f3061-ffe66d-a1c6d7
#F7FFF7 - almost white
#343434 - dark gray - almost black
#2F3061 - blue dark
#FFE66D - yellow
#A1C6D7 - blue light
*/
            /* Global styles
------------------------------------*/
            
            html {
                box-sizing: border-box;
            }
            
            *,
            *:before,
            *:after {
                box-sizing: inherit;
            }
            
            body {
                color: #343434;
                margin: 0;
                padding: 0;
                font-family: 'Montserrat', sans-serif;
                font-size: 15px;
                line-height: 1.5;
            }
            
            img {
                width: 300px;
            }
            
            a {
                color: #FFE66D;
            }
            
            a:hover {
                text-decoration: none;
            }
            
            h1 {
                font-size: 100px;
                line-height: 1.2;
            }
            
            h2 {
                font-size: 45px;
            }
            
            h1,
            h2 {
                font-family: 'Caveat', cursive;
                font-weight: 400;
                margin: 0;
            }
            
            .content-wrap {
                max-width: 800px;
                width: 85%;
                margin: 0 auto;
                padding: 30px 0;
            }
            
            h3 {
                margin-bottom: 0;
            }
            
            .item-details h3+p {
                font-style: italic;
            }
            
            .centeredtext {
                text-align: center;
            }
            
            .item-details h3~p {
                margin: 0;
            }
            
            .divider>section {
                border-bottom: 1px dashed #343434;
                padding: 25px 0px;
            }
            
            .divider>section:last-of-type {
                border-bottom: none;
            }
            /* Profile
  ------------------------------------*/
            
            header {
                /* Old browsers */
                background: #141E30;
                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(-90deg, #35577D, #141E30);
                color: #F7FFF7;
            }
            
            span {
                display: inline-block;
                padding: 10px 10px 6px;
                border-radius: 6px;
                background: #07325a;
                margin: 5px 5px;
                font-size: 5rem;
            }
            
            .counter {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }
            
            .message {
                color: #ccc6e3;
                text-align: center;
                margin-top: 5px;
            }
            /* Projects
  ------------------------------------*/
            
            .projects {
                background: #F7FFF7;
            }
            
            .projects a {
                color: #2F3061;
            }
            
            .projects .btn {
                color: #F7FFF7;
                background: #2F3061;
                text-decoration: none;
                padding: 8px;
                border-radius: 4px;
                display: inline-block;
            }
            
            .projects .btn:hover {
                background: rgba(47, 48, 97, 80%);
            }
            
            .project-item {
                overflow: hidden;
            }
            
            .project-item h3 {
                margin-top: 0px;
            }
            /* Work Experience
  ------------------------------------*/
            
            .work-experience {
                background: #A1C6D7;
            }
            /* Education
  ------------------------------------*/
            
            .education {
                background-image: url(../images/joanna-kosinska-unsplash.jpg);
                background-size: cover;
                background-position: top right;
                padding-bottom: 100px;
            }
            
            .education p {
                width: 60%;
            }
            /* Contact Info
  ------------------------------------*/
            
            footer {
                background: #343434;
                color: #F7FFF7;
            }
            
            .contact-list {
                list-style-type: none;
                padding: 0;
            }
            
            .contact-list a {
                padding: 15px;
                display: inline-block;
            }
            /* Responsive
  ------------------------------------*/
            
            @media screen and (min-width: 750px) {
                header,
                footer {
                    text-align: center;
                }
                .project-item img {
                    float: left;
                    margin-right: 20px;
                }
                .job-item {
                    display: grid;
                    grid-template-columns: 1fr 2fr;
                    column-gap: 20px;
                }
                .contact-list {
                    display: flex;
                    justify-content: center;
                }
            }
            
            @media screen and (max-width: 749px) {
                h1 {
                    font-size: 75px;
                    line-height: 0.9;
                    margin-bottom: 20px;
                }
                h2 {
                    line-height: 1;
                }
                .contact-list a {
                    padding: 5px;
                }
            }