html,
        body {
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
        
        .item-skyll {
            background-color: #4F90CD;
        }
        
        .portf-container {
            width: 90%;
            margin: auto;
            background-color: transparent;
        }
        
        .portf-text {
            width: 30%;
            margin: auto;
            padding: 3px;
            font-family: 'Titillium Web', sans-serif;
        }
        
        .portf-container p {
            text-align: unset;
            font-size: 19px;
        }
        
        .portf-text a {
            color: #1663e0;
        }
        
        .portf-header {
            width: 90%;
            padding: auto;
            text-align: center;
        }
        
        .portf-degree {
            width: 300px;
            min-width: 200px;
            background-color: white;
            padding: 5px;
            text-align: center;
            color: grey;
            border-radius: 5px;
            margin: auto;
        }
        
        .portf-social {
            text-align: center;
            padding-top: 10px;
            font-size: 35px;
            width: 90%;
            margin: auto;
        }
        
        .portf-social a {
            margin: 4px;
        }
        
        .portf-about {
            font-size: 20px;
            line-height: 30px;
            font-family: 'Titillium Web', sans-serif;
        }
        
        .portf-about p {
            font-size: 15px;
            margin-left: 50px;
        }
        
        .gitlab {
            color: #FB6D25;
        }
        
        .github {
            color: #A348AF !important;
        }
        
        .linkedin {
            color: #2464AD;
        }
        
        .portf-skylls {
            width: 100%;
        }
        
        .portf-skylls-title,
        .portf-about-title,
        .portf-personal-title,
        .portf-title {
            margin: auto;
            width: 90%;
            color: white;
            font-size: 30px;
            font-family: 'Titillium Web', sans-serif;
            text-align: center;
        }
        
        .portf-about-title,
        .portf-personal-title,
        .portf-skylls-title {
            border-bottom: 1px solid white;
        }
        
        .portf-skylls-images {
            width: 35%;
            max-width: 500px;
            margin: auto;
            padding-top: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .portf-skylls-images img {
            width: auto;
            height: 40px;
            margin: 5px;
        }
        
        .border-soft {
            border-radius: 5px;
        }
        
        @media (max-width: 600px) {
            .portf-skylls-images {
                width: 90%;
                margin: auto;
                padding-top: 20px;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .portf-text {
                width: 90%;
                margin: auto;
                padding: 3px;
                font-family: 'Titillium Web', sans-serif;
            }
        }
        
        .portf-header-img img {
            border-radius: 50%;
            width: 100px;
        }
        
        .portf-header-img {
            width: 90%;
            margin: auto;
            text-align: center;
            background-color: transparent;
        }
        
        .interests {
            border-radius: 5px;
            background-color: rgba(79, 144, 205, 0.7)
        }