body {
		            background: #2193b0;
		            /* fallback for old browsers */
		            background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
		            /* Chrome 10-25, Safari 5.1-6 */
		            background: linear-gradient(to right, #6dd5ed, #2193b0);
		            /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		        }
		        
		        * {
		            font-family: 'sen', sans-serif;
		            font-weight: 100;
		        }
		        
		        .nav__responsive-ul {
		            display: none;
		        }
		        
		        .nav {
		            background-color: rgb(13, 153, 196);
		        }
		        
		        .nav__li {
		            display: inline-block;
		            padding: 9px;
		            color: #fff
		        }
		        
		        .nav__li:hover>a {
		            color: #bbb
		        }
		        
		        .nav__li:hover> {
		            color: #bbb
		        }
		        
		        .nav__li a {
		            color: #fff;
		            text-decoration: none;
		        }
		        
		        .nav__li i {
		            box-sizing: border-box;
		            text-align: right;
		            margin-right: 5px;
		        }
		        
		        .nav__responsive-button-container {
		            position: absolute;
		            width: 100%;
		            font-size: 45px;
		            text-align: right;
		            background-color: rgb(13, 153, 196);
		            margin-top: -44px;
		            z-index: 100;
		        }
		        
		        .nav__responsive-button {
		            position: absolute;
		            padding: 6px 37px;
		            width: 100%;
		        }
		        
		        .me {
		            width: 200px;
		            height: 200px;
		            object-fit: cover;
		            padding: 10px;
		            margin: 5px;
		        }
		        
		        .parrafoquiensoy {
		            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
		            font-size: 23px;
		            color: blue;
		            justify-content: left;
		            justify-items: left;
		            padding: 10px;
		            margin: 5px;
		        }
		        
		        .parrafohabilidades {
		            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
		            font-size: 23px;
		            color: blue;
		            padding-top: 35px;
		            margin: 10px;
		        }
		        
		        .grid-item {
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            background-color: #03afff;
		            border-radius: 4px;
		            transition: transform 0.3s ease-in-out;
		            background-size: cover;
		            background-position: center;
		            background-repeat: no-repeat;
		        }
		        
		        .grid-item:hover {
		            filter: opacity(0.9);
		            transform: scale(1.04);
		        }
		        
		        .grid-container {
		            display: grid;
		            background: #2193b0;
		            /* fallback for old browsers */
		            background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
		            /* Chrome 10-25, Safari 5.1-6 */
		            background: linear-gradient(to right, #6dd5ed, #2193b0);
		            /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		            grid-auto-rows: minmax(200px, auto);
		            gap: 20px;
		            padding: 20px;
		            grid-auto-flow: dense;
		        }
		        
		        @media (min-width: 600px) {
		            .wide {
		                grid-column: span 2;
		            }
		            .tall {
		                grid-row: span 2;
		            }
		        }
		        
		        @media only screen and (max-width: 500px) {
		            .nav__ul {
		                display: none;
		            }
		            .nav {
		                height: 64px;
		                width: 100%;
		                background-color: rgb(13, 153, 196);
		            }
		            .nav__responsive-ul {
		                display: block;
		                position: absolute;
		                background-color: rgb(13, 153, 196);
		                width: 100%;
		                margin-top: 37px;
		                padding-top: 27px;
		                height: 7px;
		            }
		            .nav__li-container {
		                position: relative;
		                top: -1000px;
		                height: 100vh;
		                background-color: rgb(13, 153, 196);
		                transition: all 1s;
		                z-index: 1;
		                padding-top: 27px;
		            }
		            .nav__li-container:hover {
		                transform: translateY(1000px);
		            }
		            .nav__responsive-li {
		                width: 100%;
		                padding: 9px 20px;
		            }
		            .nav__responsive-li i {
		                box-sizing: border-box;
		                text-align: right;
		                margin-right: 5px;
		                width: 30px;
		                color: #016;
		            }
		            .nav__responsive-li a {
		                color: #016;
		                text-decoration: none;
		            }
		            .nav__responsive-ul:hover>.nav__li-container {
		                top: -27px;
		            }
		            .nav__responsive-ul:hover>.nav__li-container {
		                display: inline-flex;
		                flex-direction: column;
		                flex-wrap: wrap;
		                width: 100%;
		            }
		            .parrafoquiensoy p {
		                font-size: 14px;
		                font-family: arial, Helvetica, sans-serif;
		                color: blue;
		                font-style: bold;
		                padding-top: 8px;
		                padding-left: 5px;
		                margin: 1px;
		            }
		            .me {
		                width: 150px;
		                height: 150px;
		                margin: 2px;
		                padding-top: 30px;
		                padding-left: 5px;
		                object-fit: cover;
		            }
		            .parrafohabilidades {
		                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
		                font-size: 10px;
		                color: blue;
		                padding-top: 35px;
		                margin: 10px;
		            }
		            #footer {
		                width: 100%;
		                height: 81px;
		                position: absolute;
		                bottom: 0;
		                left: 0;
		            }