*{box-sizing:border-box;padding:0;margin:0}body{background-color:#0d2115;font-family:Roboto,Arial,Geneva,Tahoma,sans-serif;background-image:url(/backgroundImages/backgroundImage.jpg)!important;background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;font-size:1.2rem;line-height:1.2;height:100%;text-align:center}h2{border-bottom:3px white solid;color:#fff;font-size:3.2rem;font-weight:700;text-transform:uppercase;margin-bottom:.8rem;margin-top:1.5rem}h3{color:#027668;font-size:2rem;font-weight:500;padding:.5rem 2rem;max-width:480px;margin:0 auto;margin-bottom:.7rem;text-align:center;border-bottom:#b7b7b7 2px solid;border-radius:1rem}main{display:flex;justify-content:center;align-items:flex-start;padding:2rem;background-color:#9d9d9dcc;min-height:80vh;max-width:100vw;margin:0 auto}@media (max-width: 1920px){body{background-image:url(/assets/backgroundImageLarge-C5CEtiFA.jpg)}}@media (max-width: 1280px){body{background-image:url(/public/backgroundImages/backgroundImageMedium.jpg)}}@media (max-width: 640px){body{background-image:url(/assets/backgroundImageSmall-DsUw8c5x.jpg)}}Header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 2rem}#menuToggle{display:flex;align-items:center;justify-content:center;position:fixed;top:15px;right:15px;background-color:#fff0;box-shadow:none;border:none}h1{font-size:2.3rem;text-align:left;color:#fff;text-align:center;padding-top:30%;font-weight:900;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto" "Open Sans","Helvetica Neue",sans-serif}Header h2{color:#fff;font-size:1.2rem;font-weight:700;margin-top:.1rem;border:none;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:none}Header h1:hover{transform:scale(1.09)}a{text-decoration:none}.logo{margin-bottom:3rem;margin-left:1rem;background-color:#4dbb8dda;width:190px;height:190px;border-radius:50%;margin-top:0;font-family:Roboto,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin-top:1rem;transition:background-color 1s ease,transform 1s ease}.logo:hover{background-color:#222222de;transform:scale(.9)}.heading{margin-bottom:10%;margin-left:4rem;background-color:#3f3f3fda;width:180px;height:180px;border-radius:50%;margin-top:2rem;transition:background-color 1s ease,transform 1s ease;box-shadow:0 5px 10px #000}.heading:hover{box-shadow:0 6px 18px #000000e6;background-color:#4dbb8dbf}.headingCircle{display:flex;align-items:center;width:130%;border:#fff solid 3px;border-radius:50%;box-shadow:0 6px 18px #0003;transition:background-color 1s ease,transform 1s ease}.headingCircle:hover{transform:scale(1.14);border:4px solid #fff;box-shadow:0 1px 2px #fff9}nav ul{margin-top:1rem;display:flex;align-items:end;gap:1rem;list-style:none}nav a{color:#fff;text-decoration:none;font-weight:700;padding:.5rem .75rem;transition:background-color .7s ease,transform .2s ease;border-radius:.5rem}nav a:hover{background-color:#004f9edf;border-radius:2rem}nav a.active{background-color:#00cc7e;border-radius:1rem;color:#fff}.desktopMenu{display:none}.material-icons{font-size:33px}#closeIcon{color:#202122;color:#00cc7e}a{color:#00cc7e}.mobileMenu{position:fixed;align-items:flex-start;display:flex;flex-direction:column;list-style:none;padding:1rem;color:#00cc7e;width:270px;height:100vh;box-shadow:-2px 0 5px #0000004d;transition:right .4s ease;top:0;right:-100%;background:#373a47}.mobileMenu ul{display:flex;flex-direction:column;align-items:baseline;gap:1rem}.mobileMenu ul li{margin-bottom:1rem;margin-top:.5rem}.mobileMenu a{color:#e9e9e9;padding:1rem;border-radius:2rem;margin-bottom:1rem;font-family:roboto,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;transition:background-color 1.1s ease,transform .4s ease}.mobileMenu a:hover{border-radius:2rem;background-color:#004f9ecb;color:#fff}#closeMenu{position:absolute;top:5px;right:5px;background:none;border:none;font-size:40px;padding:0;box-shadow:none;color:#1f1f20}#closeIcon:hover{color:#10512c}.mobileMenu.open{right:0}@media (min-width: 768px){#menuToggle{display:none}.desktopMenu{display:block}.mobileMenu{display:none}.logo{margin:0;margin-bottom:1rem;padding:0}}footer{display:flex;justify-content:space-between;color:#555;padding:2rem;border-radius:2rem;gap:3rem}footer h3{color:#fff;font-size:1.6rem;margin:0;padding:.5rem}@media (max-width: 768px){footer{display:flex;align-items:flex-end}footer nav ul{display:none}footer h3{font-size:1.2rem}}.textField{background-color:#ffffffe0;max-width:70vw;margin:0 auto;border-radius:1rem;padding:2rem;margin-top:1.2rem;box-shadow:0 6px 18px #0009}.textField h3{color:#027668;font-weight:500;font-size:2.5rem;margin-top:1rem;margin-bottom:2rem;border-bottom:#b7b7b7 2px solid}.textField h4{color:#004d40;font-size:2rem;font-weight:500;border-bottom:2px solid #8ea29f;border-radius:.2rem;margin-top:1rem;padding:1rem}.textField p{font-size:1.2rem;line-height:1.5;color:#2d2d2daa;padding:1rem 0;max-width:350px;margin:0 auto;text-align:left}.textContent{display:flex;flex-direction:column;justify-content:center;max-width:500px}section{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;margin-bottom:5rem;border-radius:1rem;background-color:#80808037;box-shadow:0 6px 10px #0003;padding:2rem}.sectionTwo,.sectionFour{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;background-color:#3589dc34;background-color:#33f2b634;border-radius:1rem;height:auto;padding:3rem;gap:2rem;flex-wrap:nowrap;box-shadow:0 6px 5px #0003}.sectionThree{display:flex;flex-direction:column;align-items:center;padding:0;background-color:#3f3f3f25;padding-bottom:2rem;border-radius:1rem;width:auto;box-shadow:0 6px 5px #0003}.sectionThree p,.sectionOne p{max-width:600px;margin-top:0}section img{object-fit:cover;border-radius:.5rem;margin:0 auto}.imageThree{max-width:40vw;width:100%}.imageTwo,.imageFour{max-width:30vw;width:100%}.imageOne{max-width:40vw;width:100%}@media (max-width: 1000px){.sectionOne,.sectionTwo,.sectionThree,.sectionFour{flex-direction:column;padding:0rem 1rem;flex-wrap:wrap}.sectionTwo,.sectionFour{padding:1.2rem}.sectionThree{padding-bottom:2rem;padding-left:2rem;padding-right:2rem}.sectionTwo{padding-bottom:2rem}.textField{max-width:95vw}.textField p{text-align:left}section img{min-width:100%}}@media (max-width: 460px){.textField p{font-size:1rem;text-align:center}}@media (max-width: 600px){.imageOne{border-radius:4px}}.id{font-weight:700;font-size:2.2rem;margin-top:1.2rem}#departmentPicture{background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;width:130px;height:130px;min-width:130px;min-height:130px;border-radius:50%;object-fit:cover;margin-top:-90px;margin-bottom:1rem;border:rgb(255 255 255 / .85) 3px solid;box-shadow:0 6px 7px #0009}.containerTwo{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:1px solid #e0e0e0;padding:1.5rem 2rem;border-radius:2rem;width:350px;height:auto;box-shadow:0 6px 18px #0003;border-bottom:3px solid #ddd;background-color:#fffc;transition:transform .3s ease,box-shadow .3s ease}.containerTwo:hover{transform:scale(1.03);box-shadow:0 6px 18px #0009}.containerTwo p{font-size:1rem;margin:0;color:#333;line-height:1.6;text-align:center}.container{border:#000 solid 3px;padding:.4rem;border-radius:2rem;background-color:#0e320eda;box-shadow:0 4px 4px #0009}.employeeTickets{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:5rem}.message{color:#0f1c10;background-color:#ffffffce;text-align:center;font-size:1rem;border-radius:3rem;padding:2rem;margin-bottom:3rem}.loadingMessage{text-align:center;color:#173d22;font-size:1.2rem;background-color:#f3f8f3;border:1px solid #d6e5d8;border-radius:1rem;padding:1.2rem 1.5rem;margin:1.5rem auto;max-width:800px;box-shadow:0 4px 10px #00000014}button{margin:.2rem}.Skills{font-weight:700}@media (max-width: 789px){.containerTwo{width:72vw;height:auto}.containerTwo p{font-size:1rem}}form{display:flex;flex-direction:column;background:#fff;padding:2rem;border-radius:1rem;width:auto;max-width:500px;gap:1rem;margin:0 auto;box-shadow:0 6px 16px #0000001a}input{padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;width:100%;cursor:pointer}input:focus{border-color:#4dbb8d;box-shadow:0 0 2px #4dbb8d;outline:none}label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{background-color:#0b7c51;color:#fff;font-size:1.2rem;font-weight:500;padding:.75rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .9s ease,transform .9s ease;box-shadow:0 4px 10px #00000080}button:hover{background-color:#3d569b;transform:scale(1.02);box-shadow:0 6px 18px #0009}@media (max-width: 680px){main h3{font-size:1.7rem;text-align:center}}
