body{background-color:#ececec;margin:0}.coffee-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a;overflow:hidden;z-index:9999}.coffee-liquid{position:absolute;bottom:0;width:100%;height:0%;animation:coffee-fill 4s ease-in forwards;background:linear-gradient(to top,#402614 30%,#602309);display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.coffee-liquid svg{width:100%;height:60px}.coffee-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff8f0;font-size:3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-shadow:#282828 1px 1px 5px}@keyframes coffee-fill{0%{height:0%}to{height:100%}}.coffee-container.drinking .coffee-liquid{animation:coffee-drink 3s ease-in-out forwards}@keyframes coffee-drink{0%{height:100%}to{height:0%}}header{display:flex;position:fixed;width:100%;top:0;background-color:#ececec;z-index:5;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#abed-logo{width:140px}#abed-logo-link{flex-basis:25%;margin-left:75px}nav{display:flex;align-items:center;justify-content:center;background-color:#717171;flex-basis:40%;height:55px;border-radius:30px;box-shadow:0 4px 6px #00000040,inset 0 4px 35px #00000040}.nav-item-wrapper{position:relative;flex:1;text-align:center}.nav-item{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:55px;text-decoration:none;color:#fff;font-weight:500;border-radius:30px}.nav-highlight{position:absolute;top:0;left:0;width:100%;height:55px;background-color:#232323;border-radius:30px;z-index:0}.menu-icon{display:none}@media screen and (max-width: 767px){#abed-logo-link{margin-left:40px}#abed-logo{max-width:90%}nav{flex-direction:column;align-items:normal;height:unset;position:absolute;width:100%;top:190px;background-color:#ececec;box-shadow:unset;border-radius:0;border-bottom:1px solid grey}.nav-item{background-color:#ececec;border-radius:0;color:#282828}.nav-highlight{background-color:unset;border-radius:unset}.hidden{display:none}.menu-icon{cursor:pointer;display:block;position:absolute;right:40px}.block{display:block;margin-top:-100px}}#welcome{display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-top:150px}#welcome section{display:flex;flex-direction:column;align-items:center;flex-basis:50%;padding:50px}#welcome section:first-child{border-right:1px solid #6b6b6b}#hi-text{text-align:center;border-bottom:1px solid #6b6b6b;padding-bottom:20px;width:150px}#welcome-paragraph{text-align:justify;padding:10px 30px}#fuel-link{display:flex;align-items:center;justify-content:center;color:#2a323a;text-decoration:none;font-weight:800;margin-top:30px}#fuel-link img{width:50px}#fuel-link span{display:block;margin-top:10px}#my-image{width:400px}@media screen and (max-width: 900px){#welcome{flex-direction:column-reverse}#welcome section:first-child{border-right:none}#welcome-paragraph{width:100%}#my-image{border-bottom:1px solid #6b6b6b;padding-bottom:100px;width:200px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}#projects{display:flex;justify-content:center;gap:40px;margin-top:150px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media screen and (max-width: 1030px){#projects{flex-direction:column}}.project-interface{display:flex;flex-direction:column;text-decoration:none;align-items:center}.project-interface img{width:500px;border-radius:30px;box-sizing:0px 4px 16px black,inset 0px 4px 16px black}.project-interface .project-headers{margin-left:25px}.project-interface .project-headers h4{font-size:12px;color:#404040}.project-interface .project-headers h2{font-size:28px;color:#000}@media screen and (max-width: 768px){.project-interface img{width:80%}}#about{margin:150px 75px 75px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#about img{width:100%;height:70vh;border-radius:30px;box-shadow:0 1px 10px #00000080;object-fit:cover}@media screen and (max-width: 768px){#about{margin-left:30px;margin-right:30px}#about img{height:45vh}}#contact{display:flex;margin:150px 75px 75px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#contact section{flex-basis:50%}#contact-form{display:flex;gap:30px;flex-direction:column;align-items:center}#contact-form input,#contact-form textarea{width:80%;border:0;box-shadow:0 1px 15px #0000001a;border-radius:30px;color:#4a4a4a;font-size:20px;padding:5px 25px}#contact-form input{height:57px}#contact-form textarea{height:180px;padding-top:20px}#contact-form button{background-color:#232323;color:#fff;font-size:20px;width:225px;height:64px;border-radius:30px;border:0;box-shadow:0 4px 12px #00000040,inset 0 4px 9px #00000040;cursor:pointer}#contact-form #email-text{color:#fff;width:70%;text-align:center;padding:10px 20px;border-radius:30px}#contact-form .success{background-color:#029902}#contact-form .failure{background-color:#990502}#contact section:last-child{margin-left:70px}#contact-image{height:530px;border-radius:30px;box-shadow:0 1px 15px #00000080}#social-media-accounts{margin-top:35px;display:flex;align-items:center;justify-content:center;gap:25px}.gitHub-icon{width:50px}.linkedIn-icon{width:120px}@media screen and (max-width: 1200px){#contact{flex-direction:column}#contact section:last-child{margin-left:unset}#contact-image{display:none!important}#social-media-accounts{margin-left:-50px}}#project-details{margin:150px 75px 75px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#project-details section{display:flex;gap:40px;margin-top:80px}h1{font-size:35px}#project-details section img{width:50%;height:50%;flex-basis:50%;border-radius:30px;box-shadow:0 4px 16px #00000040,inset 0 4px 16px #00000040}#project-details section p{flex-basis:50%;text-align:justify}#project-details section ol{flex-basis:50%}#project-details section ol li{margin:5px;text-align:justify}#project-details section a{text-decoration:none;color:#151d62;margin-right:20px}@media screen and (max-width: 768px){#project-details{text-align:center;margin-left:40px;margin-right:40px}#project-details section{flex-direction:column}#project-details section:nth-child(2n){flex-direction:column-reverse}#project-details section p,#project-details section ol{margin-top:50px}#project-details section p,#project-details section ol,#project-details section ol li{margin-left:-10px;margin-right:-10px}#project-details section img{width:100%;margin-bottom:30px}}#language-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;right:10px;margin-top:-45px;background-color:#fff;color:#000;border-radius:30px;padding:10px 15px;box-shadow:0 4px 6px #00000040,inset 0 4px 35px #00000040;border:0}@media screen and (max-width: 767px){#language-selector{right:40px;margin-top:-80px}}footer{display:flex;margin-top:50px;background-color:#000;color:#fff;height:220px;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.footer-sections{flex-basis:50%}#abed-logo-inverse{width:140px;margin:10px 75px}#copyright-text{margin-left:75px}#binary{margin-right:75px}@media screen and (max-width: 767px){.footer-sections:first-child{flex-basis:100%;text-align:center}#copyright-text{margin-left:0}.footer-sections:last-child{display:none}}