@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap";.leftWindow{border:1px solid black;width:50vw}.leftWindow h3{color:#fff;background-color:#000}form{max-width:500px;padding:30px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.tab1 label{font-size:.7rem}form>input,label>input{width:45%}textarea{resize:none}#submitBtn,#resetBtn{padding:20px 30%;margin:0 auto;display:block;border-radius:15px;border:3px solid grey;font-weight:600}#resetBtn{color:red;border:3px solid red;margin-top:15px;padding:10px 15%}#submitBtn:hover,.buttonDiv button:hover,#resetBtn:hover{cursor:pointer;transform:translateY(-2px);background-color:#767676;color:#fff;transition:all .15s ease-in-out}.buttonDiv{padding:0 0 15px;display:flex;justify-content:center;align-items:center;gap:15px}.buttonDiv button{padding:1% 10%;border-radius:15px}.rightWindow{border:1px solid black;width:50vw;padding:15px;position:relative;display:flex;flex-direction:column;gap:5px}#profilePic{width:150px;height:150px;object-fit:cover;border-radius:50%;border:5px solid darkred;position:absolute;top:10px;right:10px}.dimmerP{opacity:.7}h2{color:#8b0000}hr{border:2px solid darkred}@media print{.leftWindow{display:none}.rightWindow{width:100vw;min-height:100vh}#root header,#root footer{display:none}#root{box-shadow:none}}:root{font-family:Roboto,sans-serif}*{padding:0;margin:0;box-sizing:border-box}#root{width:clamp(600px,100%,1200px);margin:0 auto;box-shadow:5px 5px 5px 1.5px #000000bf;display:flex;flex-direction:column}header,footer{background-color:#191922;color:#fff;display:flex;justify-content:center;align-items:center}header{font-size:3rem}main{flex:1;display:flex}footer{height:40px}
