@import"https://fonts.googleapis.com/css2?family=Cairo:wght@700&family=Inter:wght@100&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--bg-dark: rgb(7, 21, 37)}body{background-color:var(--bg-dark);overflow-x:hidden;height:100vh}img{width:100%;margin:auto}.crystal{position:absolute;width:100%;height:calc(100vh + 200px);background-color:#fdf6f60e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:5}.shape{width:300px;height:300px;background-color:#f5bc52be;position:absolute}.circle{top:30px;right:160px;border-radius:50%;background:#1488cc;background:-webkit-linear-gradient(to right,#2B32B2,#1488CC);background:linear-gradient(to right,#2b32b2,#1488cc)}.circle_2{right:-70%}.square{top:50%;left:40px;transform:translateY(-50%);z-index:-1}.container{width:100%;height:100vh}.welcome{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.welcome .welcomeText,.welcome .welcomeTextContent{position:relative;font-size:200px;text-align:center;font-family:Cairo,sans-serif}.welcomeTextContentSmall{display:none}.profile__description{margin-top:50px}.launch{position:absolute;top:calc(40% - 25px);left:calc(13% + 8px);width:calc(3% - 3px);height:5%;background-color:#fff;transform:scale(1);z-index:1}.about{background-color:#fff;position:relative;width:100%;overflow:hidden}.about .back{position:absolute;right:0%;width:100%;height:300px;background-color:var(--bg-dark);z-index:0}.about .leftBorder{position:absolute;height:calc(100% - 300px);bottom:0;width:0%;background-color:#f5bc52be}.profile__description--meSmall{display:none}.profile{width:90%;margin:auto;height:100vh;color:#272626a8;display:flex;justify-content:left;align-items:center;padding:40px;position:relative}.profile img{display:block;width:45%;margin:auto;filter:drop-shadow(10px 10px 8px #57575780);position:absolute;right:-80px;bottom:-50px;z-index:10}.profile__description{padding-top:250px;width:90%;font-size:20px}.profile__description p{font-weight:700;width:70%}.skills{padding:40px;display:flex;flex-direction:column;font-size:40px}.skill__info{width:100%;padding:40px 40px 50px}.skill__text__infoSmall{display:none}.skills__container{display:flex;justify-content:center;flex-wrap:wrap;align-items:first baseline;gap:30px;margin:auto;width:100%}.skills__container .skill__show{width:10%;text-align:center;font-size:20px;opacity:0}.skills__container .skill__show img{width:70%;object-fit:cover}.notice{background-color:#fff;width:100%;height:30vh}.notice__info{width:30%;margin:auto;padding:50px;color:#575757da;font-weight:700;font-size:20px;text-align:center}.notice__info img{width:40%;display:block;margin:auto}.projects{text-align:center;font-size:40px;padding:40px}.projects__container{display:flex;flex-wrap:wrap;align-items:flex baseline;justify-content:center;padding:100px 40px 40px;gap:40px}.projects__container .project__video{width:45%}.projects__container video{width:100%}.contact{padding:40px;background-color:#fff;color:#272626a8;text-align:center;font-size:40px;height:200px}.contact__info{width:20%;margin:40px auto}.lost{height:100vh;overflow:hidden;padding:40px;font-size:30px;width:70%;margin:auto;text-align:center}@media only screen and (max-width:1024px){.crystal{height:50vh}.welcomeText,.welcomeTextContent{font-size:100px!important}.welcomeTextContentSmall{display:block}.launch{position:absolute;top:calc(46% - 25px);left:calc(12% + 8px);width:calc(3% - 3px);height:5%;background-color:#fff;transform:scale(1);z-index:1}.skills{font-size:25px}.skill__text__info{font-size:30px}.skills__container{margin:unset;flex-wrap:wrap}.skills{height:60vh}.skill__text__infoSmall{display:block}.skill__show{font-size:16px;opacity:1!important;width:20%!important}.notice{height:20vh}.notice__info{width:80%}.notice__info img{width:20%}.profile{height:25vh}.about{height:30vh}.profile__description--me{display:none}.profile__description--meSmall{display:block}.circle_2{display:none}.back{height:100px!important;display:none!important}.profile__description{padding-top:20px}.projects__container{display:flex;flex-direction:column}.project__video{width:100%!important}}