:root{box-sizing:border-box}*{margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}.main{display:grid;grid-template-columns:3fr 7fr}.left{background-color:#ffb9b9;border-right:2px solid rgb(186,16,16)}.right{background-color:#b1ffae;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 750px){.main{display:flex;flex-direction:column}}nav{background-color:#d4e9fc;padding:1rem;display:flex;align-items:center;justify-content:center;gap:2rem;border-bottom:2px solid #1167b3}nav img{width:3rem}nav h1{color:#1167b3;font-size:2rem}hr{border:0;width:90%;margin:auto;height:3px;background-color:#933;margin-top:1rem;margin-bottom:1.5rem}.input{background-color:#ffb9b9;padding:1rem 3rem 2rem}.input h2{color:#ba1010}.title img{width:3rem}.title{display:flex;align-items:center;justify-content:center;gap:1rem}.label-input{display:flex;flex-direction:column;margin-top:1rem}label{color:#ba1010;font-weight:700}input,textarea{margin-top:.5rem;padding:.5rem;font-size:1rem;border-radius:.5rem;border:2px solid rgb(186,16,16)}textarea{height:20rem}.personal button{padding:.5rem 1rem;margin-top:1rem;border-radius:.1rem;border:2px solid rgb(186,16,16);background-color:#fff;color:#ba1010;font-weight:700;cursor:pointer;transition:.2s ease-in-out;font-size:1rem;justify-self:center;width:50%}.personal button:hover{background-color:#ba1010;color:#fff}.about-input textarea{min-height:100px;resize:vertical}.footer{background-color:#fff;color:#000;border-top:2px solid black;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem}.footer p{font-size:1.2rem}.footer img{width:2rem;transition:.2s ease}.footer img:hover{width:2.2rem}.cv{margin:2rem;border:2px solid rgb(36,120,33);color:#247821;border-radius:.2rem;background-color:#fff;padding:.2rem .75rem}.cv-hr{background-color:green}.name{text-align:center;padding-top:.8rem}.details{padding:.5rem 2.5rem;display:flex;align-items:center;gap:1rem;font-size:1.2rem}.details img{width:2rem}.last-details{padding-bottom:1.5rem}.about-me{padding:.5rem 2.5rem}.about-p{padding-top:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;padding-bottom:1rem}button{margin:0rem 2rem 2rem;padding:.5rem 1rem;background-color:#fff;cursor:pointer;color:#247821;font-size:1rem;font-weight:700;border:2px solid rgb(36,120,33);transition:.2s ease}button:hover{background-color:#247821;color:#fff}