@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&family=Roboto:wght@100;500;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html{background-color:#fff;color:#000}.headers{font-family:Roboto,sans-serif;font-size:65px;margin-top:150px;text-align:center}.h2{font-family:Roboto,sans-serif;font-size:35px;color:#2772ef}.p{font-size:19px}.header{z-index:1;display:flex;flex-direction:row;padding:20px;justify-content:space-between;-webkit-backdrop-filter:blur(1);backdrop-filter:blur(1);position:sticky}.resumebtn button{width:180px;height:50px;font-family:IBM Plex Sans,sans-serif;font-size:15px;border-radius:5px}.name{font-size:22px;color:#000;z-index:2}.greeting{z-index:1}.wrapper{position:relative;padding-bottom:100px}.uofc{scale:1;border-radius:80px}.socials{margin-top:20px;display:flex}.socials button{margin-right:50px;background-color:#fff}.socials .githubbtn{background-color:#000;color:#fff}.socials .emailbtn{background-color:#c71610;color:#fff;border:2px solid #c71610}.socials .emailbtn:hover{background-color:#fff;color:#000;border:3px solid #c71610}.socials .githubbtn:hover{border:3px solid black;background-color:#fff;color:#000}.socials .linkedinbtn:hover{background-color:#fff;color:#000}.icons{margin-right:10px}.socials .linkedinbtn{background-color:#2772ef;color:#fff;border:3px solid #2772EF}.socials a{z-index:1}.introduction{font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;margin-top:100px}.introduction h1{color:#000;z-index:1;font-size:45px}.introduction h2{z-index:1;color:#000}.introduction p{text-align:center;z-index:1;color:#000;font-family:Noto Sans JP,sans-serif;font-size:19px;width:40%}.introduction button{z-index:1;width:180px;height:50px;font-family:IBM Plex Sans,sans-serif;font-size:15px;border-radius:5px}.hello-span{color:#2772ef}.education-section{background-color:#fff;border-radius:30px;text-align:center}.certs li{text-align:left;margin-bottom:20px;font-family:Roboto,sans-serif;font-size:19px}.certificates{margin-right:10px;box-shadow:3px 3px 10px #00000080;border-radius:10px;font-family:Roboto,sans-serif;font-size:19px}.educationheader{color:#2772ef;font-family:Roboto,sans-serif;font-size:65px;margin-top:50px;text-align:center}.education-flex{display:flex;flex-direction:column;align-items:center}.framerbox{background-color:#000;color:#fff}.inside-education-flex{width:38%}.inside-education-flex div{padding:20px;margin-bottom:75px}.downloadcerts{width:250px;height:55px;font-family:IBM Plex Sans,sans-serif;font-size:16px;background-color:#fff;border-radius:10px;margin-top:20px;border-bottom:4px solid black}.education-flex p{font-family:IBM Plex Sans,sans-serif;font-size:22px}.education-flex h2{font-family:Roboto,sans-serif;font-size:40px}.school,.courses{margin-right:10px;box-shadow:3px 3px 10px #00000080;border-radius:10px}.exp-header{color:#2772ef;font-family:Roboto,sans-serif;font-size:65px;text-align:center}.work-exp-section h2{font-family:Roboto,sans-serif;font-size:35px;color:#2772ef}.img-span img{padding-top:15px;margin-right:15px}.work-exp-section h3{color:#4892ff;font-family:Roboto,sans-serif}.work-exp,.second-work-exp,.third-work-exp{display:flex;justify-content:center;margin-top:75px}.first-work-exp-flex{display:flex;justify-content:center;font-family:Roboto,sans-serif;padding:30px;box-shadow:3px 3px 10px #00000080;border-radius:10px;width:65%}.first-work-exp-flex h4{text-align:center;font-size:17px}.first-work-exp-flex li{font-size:19px}.first-work-exp-flex .date{width:25%;display:flex;flex-direction:column;text-align:center}.first-work-exp-flex .date h3{text-decoration:underline}.first-work-exp h4{font-family:Roboto,sans-serif;font-size:18px;text-align:center;margin-bottom:10px}.techUsedFlex{display:inline-flex;flex-direction:row;align-items:center}.techUsedFlex img{width:60px;height:60px}.techUsedFlex h3{color:#d3d3d3}.project-container h1{font-family:Roboto,sans-serif;font-size:65px;margin-top:150px;text-align:center}.project-flex{display:flex;flex-direction:column;align-items:center}.project{padding:30px;box-shadow:3px 3px 10px #00000080;border-radius:10px;margin-bottom:75px;width:70%}.project li{margin-bottom:5px;font-family:Roboto,sans-serif;font-size:19px}.project h2{font-family:Roboto,sans-serif;font-size:35px;color:#2772ef}.project p{font-family:IBM Plex Sans,sans-serif;font-size:20px;font-weight:700}.githubbutton{width:220px;height:50px;font-family:IBM Plex Sans,sans-serif;font-size:15px;border-radius:5px;background-color:#000;color:#fff}.githubbutton:hover{color:#000;background-color:#fff}.contact-container{position:relative;padding-bottom:100px;z-index:1}.email-form-flex{display:flex;justify-content:center}.email-form{display:flex;flex-direction:column;align-items:center;border:2px solid black;width:30%;padding:100px 35px;border-radius:10px}.email-form input{width:285px;height:35px;border-radius:5px;margin-bottom:25px;font-family:IBM Plex Sans,sans-serif}.email-form button{margin-top:50px;width:220px;height:50px;font-family:IBM Plex Sans,sans-serif;font-size:15px;border-radius:5px}.email-form textarea{margin-top:25px;width:425px;height:300px;font-family:IBM Plex Sans,sans-serif;border-radius:5px;font-size:14.5px}.email-form h3{font-family:IBM Plex Sans,sans-serif;font-size:18px;margin-bottom:50px}.footer{display:flex;justify-content:space-between;align-items:center;background-color:#000;border-radius:10px 10px 0 0;padding:10px}.footer h3{font-family:IBM Plex Sans,sans-serif;font-size:20px;color:#fff;font-weight:700;margin-left:10px}.sendEmail{background-color:#fff;border:1px solid black;border-bottom:4px solid black}.fourth-work-exp{display:flex;justify-content:center;margin-top:75px}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;overflow:hidden;background:#2772EF;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;color:#fff}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:black;color:#fff;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:#fff}.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)}