*{margin:0;padding:0;box-sizing:border-box;color:#000;border:none;outline:none;--light_blue: rgb(172, 203, 228);line-height:calc(1em+1rem)}#root{display:flex;background-color:#f0f8ff;height:90vh;justify-content:space-around;gap:50px;flex-wrap:wrap;padding:50px 0}.container{display:flex;flex-direction:column;padding:20px;gap:10px;border:1px solid var(--light_blue)}.pdrow input{padding-left:5px;flex:1;border:1px solid var(--light_blue);font-size:1.4rem}.pdrow .s_input{width:36%;margin-left:0}.pdrow p{min-width:10ch;font-size:1.5rem}.tarea{border:1px solid black;min-height:100px;padding:5px}button{width:80px;border:1px solid var(--light_blue);font-size:1rem;color:#000;cursor:pointer}button:hover{background-color:var(--light_blue)}hr{border:1px solid rgba(0,0,0,.39)}.pdrow{display:flex;gap:10px}input{min-width:90px!important}.rrow{margin-top:10px}.download{margin-top:30px;height:100px;width:30%;align-self:center}@media screen and not (min-width:1100px){#root{height:fit-content;overflow:auto}}.InputForm{border:1px solid black;width:max(480px,40%);display:flex;flex-direction:column;overflow-y:scroll;height:inherit;padding-bottom:10px}@media screen and not (min-width:1100px){.InputForm{overflow-y:auto;width:90%}}.dropdown{background-color:#accbe4;color:#000;display:flex;align-items:center;padding:10px;border-bottom:1px solid black}.dropdown:hover{background-color:#96c0e2}.dropdown img{margin-left:auto;width:30px}.dropdown:focus{background-color:#96c0e2}input{border:1px solid black}.Experience{display:flex;flex-direction:column;padding:20px;gap:10px;border:1px solid var(--light_blue)}.Experience textarea{white-space:nowrap}.Experience button{align-self:center;padding:.5rem}#sbutton{height:20px;padding:1px;width:min-content}.projects button,.education button{align-self:center;padding:.5rem}.Resume{border:1px solid black;width:max(480px,40%);display:flex;flex-direction:column;padding:.5rem}.Resume .personalInfo{display:flex;flex-direction:column;gap:5px}.Resume .personalInfo .name{align-self:center}.rrow{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.Resume .personalInfo .rrow{justify-content:center}.sl{margin-left:auto}@media print{.Resume{width:900px}}@media screen and not (min-width:1100px){.Resume{width:90%}}