@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);#img-bx,#profile-text,.container,.container #left-side,.container #right-side,.side-container ul,.side-container ul li{position:relative}.title,.title2{letter-spacing:1px}#profile-text h2,.section .box .year_school h5,.title{font-weight:600;text-transform:uppercase}#profile-text h2,.section .box .text h4,.title,.title2{text-transform:uppercase}#personal-interests ul li .fa-solid,.side-container ul li .icon{color:#03a9f4;font-size:18px}#footer,#profile-text h2{text-align:center;margin-top:20px}#footer,*{box-sizing:border-box}.contact-info a,a{text-decoration:none}*{margin:0;padding:0;font-family:Poppins,sans-serif}a{color:#fff}body{background-color:#add8e6;display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}.container{width:100%;max-width:1200px;min-height:1000px;background-color:#fff;margin:50px;display:grid;grid-template-columns:1fr 2fr;box-shadow:0 35px 55px rgba(0,0,0,.1);flex:1}.container #left-side{background-color:#003147;padding:40px}#profile-text{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}#img-bx{width:200px;height:200px;border-radius:50%;overflow:hidden}#img-bx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#profile-text h2{color:#fff;font-size:1.5em;line-height:1.4em}#profile-text h2 span{font-size:.8em;font-weight:300}.side-container{padding-top:40px}.title{color:#fff;margin-bottom:20px}#text{text-align:justify}.side-container ul li{list-style:none;margin:10px 0}.side-container ul li .icon{display:inline-block;width:30px}.side-container ul li span{color:#fff;font-weight:300;word-wrap:break-word}.side-container#competitions li,.side-container#competitions-small li{margin-bottom:15px}.side-container#competitions h5,.side-container#competitions-small h5{color:#03a9f4;font-weight:500}.side-container#competitions h4,.side-container#competitions-small h4{color:#fff;font-weight:500}.side-container#competitions p,.side-container#competitions-small p{color:#fff;font-weight:300}.side-container#languages .percent,.side-container#languages-small .percent{position:relative;width:100%;height:6px;background:#081921;display:block;margin-top:5px}.side-container#languages .percent div,.side-container#languages-small .percent div{position:absolute;top:0;left:0;height:100%;background:#03a9f4}.container #right-side{background-color:#fff;padding:40px}.section{margin-bottom:50px}.section:last-child{margin-bottom:0}.title2{color:#003147}p{color:#333}.section .box{display:flex;flex-direction:row;margin:20px 0}.section .box .year_school{min-width:250px}.section .box .year_school h5{color:#848c90}.section .box .text h4{color:#333;font-size:20px}#personal-interests ul{display:grid;grid-template-columns:repeat(4,1fr)}#personal-interests ul li{list-style:none;color:#333;font-weight:500;margin:10px 0}#left-side-small{display:none}@media(max-width:1100px){.container{margin:10px;grid-template-columns:repeat(1,1fr)}#competitions,#languages{display:none}#left-side-small{display:block;background-color:#003147}.side-container{margin:50px}#personal-interests ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px) and (min-width:525px){.section .box{flex-direction:column}.section .box .year_school{margin-bottom:5px}#personal-interests ul{grid-template-columns:repeat(1,1fr)}}@media(max-width:525px) and (min-width:410px){.section .box{flex-direction:column}.section .box .year_school{margin-bottom:5px}#personal-interests ul{grid-template-columns:repeat(1,1fr)}.container #left-side{padding:40px 10px}}@media(max-width:420px){.section .box{flex-direction:column}.section .box .year_school{margin-bottom:5px}#personal-interests ul{grid-template-columns:repeat(1,1fr)}.container #left-side{padding:40px 2px}}#footer{flex-shrink:0;background-color:#fff;padding:20px;border-top:1px solid #ccc;width:100%;flex-shrink:0}.contact-info{font-size:14px;margin-bottom:10px}.contact-info a{color:#4caf50}.contact-info a:hover{text-decoration:underline}.copyright{font-size:12px;color:#777;margin:0}