@import url('https://fonts.googleapis.com/css2? family = Quicksand: wght @ 300 & display = swap');
                        body {
                            background: rgb(95, 152, 199);
                            text-align: center;
                            list-style-position: inside;
                        }
                        
                        ol {
                            padding-left: 0;
                        }
                        
                        header {
                            background: rgb(241, 167, 179);
                            text-align: center;
                            font-family: 'Arenas movedizas', sans-serif;
                        }
                        
                        h1 {
                            color: rgb(19, 29, 83);
                            text-align: center;
                            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        }
                        
                        h2 {
                            color: rgb(129, 24, 85);
                            text-align: center;
                        }
                        
                        h4 {
                            color: rgb(16, 8, 56);
                            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        }
                        
                        body p {
                            font-size: 0.5rem;
                            text-align: center;
                        }
                        
                        * {
                            padding: 0;
                            margin: 0;
                            box-sizing: border-box;
                            transition: all 4s;
                        }
                        
                        .mifoto {
                            border-radius: 50%;
                            width: 300px;
                            height: auto;
                        }
                        
                        .vn06 {
                            color: rgb(16, 8, 56);
                            text-decoration: none;
                            padding: 0.5rem;
                            display: inline-block;
                            background: salmon;
                            border-radius: 50%;
                            background: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
                        }
                        
                        .link-borde {
                            color: rgb(16, 8, 56);
                            text-decoration: none;
                            padding: 0.5rem;
                            display: inline-block;
                            background: salmon;
                            border-radius: 50%;
                            background: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
                        }
                        
                        .gradient {
                            background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
                        }
                        
                        .logocat {
                            text-align: center;
                        }
                        
                        .compa {
                            color: rgb(16, 8, 56);
                            text-decoration: none;
                            padding: 0.7rem;
                            display: inline-block;
                            background: salmon;
                            border-radius: 50%;
                            background: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
                            font-family: 'Arenas movedizas', sans-serif;
                        }
                        
                        footer {
                            padding-top: 1rem;
                        }
                        
                        .compad {
                            padding-top: 1rem;
                        }
                        
                        .estudiante {
                            padding-top: 1rem;
                            padding-bottom: 1rem;
                        }
                        
                        body section article p {
                            font-size: 1rem;
                            padding-bottom: 1rem;
                            padding-bottom: 1rem;
                        }
                        /* esto es como un if */
                        
                        @media (min-width:576px) {
                            body {
                                background: rgb(196, 67, 89);
                            }
                            section article {
                                width: 48%;
                                background: rgb(248, 155, 132);
                            }
                            section {
                                display: flex;
                                justify-content: space-around;
                            }
                            .gradient {
                                background: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
                            }
                            .dgpc {
                                font-size: 1rem;
                                background: rgb(196, 67, 89);
                            }
                            body section article p {
                                background: rgb(196, 67, 89);
                                font-size: 1rem;
                                padding-top: 1rem;
                                padding-bottom: 1rem;
                            }
                        }