*{margin:0;padding:0}body{background-image:url(/BG.avif);background-position:center;background-size:cover;font-family:Inter;font-size:14px;padding-bottom:3%}.heading{display:flex;align-items:center;background-color:#242424;box-shadow:1px 1px 10px 10px #fff;margin-bottom:3rem;padding:1% 0;position:relative}h1{color:#fff;margin:auto;font-size:3rem}.material-symbols-outlined{position:absolute;right:2%;color:#fff;border:1px solid white;border-radius:50%;padding:.5%;background-color:#027b7b;cursor:pointer}.container{display:flex;gap:4%;justify-content:center}@media screen and (max-width: 950px){.container{flex-direction:column}.input{width:70%!important;margin:auto}.input div{width:70%;margin:0 auto 5%!important}.output{width:90%!important;margin:auto}}.input{height:fit-content;width:25%}.input div{border:1px solid white;margin-bottom:10%;background-image:linear-gradient(#716f6f,#efe5e5);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.input div h2{background-color:#242424;color:#fff;text-align:center;padding:5px}.input div form{display:flex;flex-direction:column;margin-bottom:10px;justify-content:center;flex-grow:1;padding:10px 10px 0}.input div form input{border-radius:5px;padding:2px 0 2px 8px;margin:0 auto 5px;width:50%;border:none;border-bottom:1px solid #242424;color:#000}.input div form input::placeholder{font-family:cursive}.input div form button{width:fit-content;background-color:#2f7629;color:#fff;padding:5px;margin:0 auto .6rem;font-size:15px;border-radius:5px;border:1px solid white}.input div form button:hover{background-color:#15580f}.input div form button:active{background-color:#0c4706}.output{width:60%;border:2px solid white;background-color:#d7e7f4;font-family:sans-serif}.output .contact{padding:10px;background-color:#242424;color:#fff}.output .contact p{text-align:center;margin-bottom:10px;font-size:2rem;font-weight:700}.output .contact div{display:flex;flex-flow:wrap;justify-content:space-evenly;margin-bottom:3px}.output .contact div div{display:flex;align-items:center;gap:5px}.output section{color:#353535;margin-top:20px;padding:0 20px}.output section h2{margin-bottom:10px;background-color:#bccce7;color:#242424;padding:3px 7px}.output section div.Edu{margin:0 10px}.output section div.Exp{display:flex;margin:20px 0}.output section div.Exp div.when{margin:0 10px;min-width:fit-content;font-weight:500}.output section div.Exp div.when p{text-align:center}.output section div.Exp div span{float:right;font-weight:500}