@import url(https://fonts.cdnfonts.com/css/handwriting);nav{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#12121217;color:#fff;justify-content:flex-start;left:0;padding:32px 40px;position:fixed;right:0;top:0;width:100%;z-index:100}.nav-title,nav{align-items:center;display:flex}.nav-title{flex:1 1;font-family:Matter,sans-serif;font-size:16px;font-weight:600}.nav-title a{color:#fff}.nav-links{fill:#fff;align-items:center;display:flex;flex:1 1;justify-content:flex-end}.nav-links svg:hover{fill:red}.nav-links svg{margin:0 5px;transition:.2s ease-in-out}.nav_progress{background-color:#fff;box-shadow:0 0 2px .2px #fff;height:1px;left:0;position:absolute;top:0;width:0}@media only screen and (max-width:600px){nav{padding:16px 20px}.nav-title{font-size:12px}.nav-links svg{margin:0 5px;width:20px}}.radio-inputs{background-color:#080808;border-radius:.7rem;box-shadow:0 0 0 1px #0000000f;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:14px;padding:.25rem;position:relative;width:300px}.radio-inputs .radio{flex:1 1 auto;text-align:center}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{align-items:center;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem 0;transition:all .15s ease-in-out}.radio-inputs a{text-decoration:none}.radio-inputs .active{background-color:#242323;border:none;border-radius:.7rem;font-weight:600}@media only screen and (max-width:600px){.radio-inputs{font-size:12px;width:250px}}.Work{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:160px auto 0;width:60%}.Work h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:52px;margin:5px 0}.Work h3{font-family:General Sans;font-size:12px;font-weight:100;margin:5px 0}.Work-projects{display:flex;flex-direction:column;flex-wrap:wrap;margin:100px 0;width:100%}a{color:#fff}.Work-project{background-image:linear-gradient(#fff3,#fff0);border-radius:10px;height:200px;margin:10px 0;padding:.5px;transition:.225s ease-in-out;width:100%}.Work-project:hover{box-shadow:0 0 10px 1px hsla(0,0%,100%,.175);cursor:pointer;transform:scale(1.02)!important}.Work-project-inside{align-items:center;background-color:#131313;border-radius:10px;display:flex;flex-direction:row;height:100%;width:100%}.Work-project-inside-information{align-items:center;display:flex;flex-direction:column;font-family:General Sans;height:100%;justify-content:center;width:50%}.Work-project-inside-information h2{font-size:21px;margin:2px 0;text-align:center}.Work-project-inside-information h4{font-size:15px;margin:2px 0;text-align:center}.Work-project-inside-information p{color:#d5d5d5;font-size:14px;margin:2px 0;text-align:center}.Work-project-inside-image{align-items:center;background-color:#252d3f;border-radius:0 10px 10px 0;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:50%}.Work-project-inside-image img{border-radius:7px 7px 0 0;box-shadow:0 0 10px 1px rgba(0,0,0,.333);margin-top:24px;max-width:310px;width:85%}@media only screen and (max-width:600px){.Work{width:80%}.Work-project{height:300px}.Work-project-inside{flex-direction:column-reverse}.Work-project-inside-information{width:100%}.Work-project-inside-information h2{font-size:18px}.Work-project-inside-information h4{font-size:12px;font-weight:100;width:70%}.Work-project-inside-image{border-radius:10px 10px 0 0;width:100%}}.About{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:160px auto 50px;overflow:hidden;width:90%}.About h2{font-family:General Sans;font-size:21px;font-weight:100}.About-information{width:70%}.About-image{animation:photoanm infinite;animation-duration:5s;background-color:#1c1c1c;background-image:url(/static/media/KerolosK.d5a9b0d3d6880cb3c782.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;box-shadow:0 0 10px 1px #4d4d4d;height:300px;width:300px}.About-image:hover{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%23fff' fill-opacity='.2'/%3E%3Crect x='.7' y='.7' width='26.6' height='26.6' rx='13.3' stroke='%23fff' stroke-opacity='.2' stroke-width='1.4'/%3E%3Cpath d='m14 2.692.424 7.942 2.387-7.586-1.563 7.798 4.199-6.755-3.454 7.165 5.747-5.499-5.127 6.08 6.934-3.896-6.478 4.615 7.684-2.05-7.422 2.858 7.954-.074-7.9.923 7.721 1.906-7.88-1.07 7.005 3.766-7.368-2.997 5.849 5.39-6.39-4.735 4.324 6.675-5.013-6.175 2.529 7.54-3.32-7.227.574 7.932L14 17.392l-1.417 7.826.573-7.932-3.319 7.228 2.529-7.541-5.012 6.175 4.324-6.675-6.39 4.735 5.848-5.39-7.367 2.997 7.005-3.767-7.881 1.07 7.722-1.905-7.9-.923 7.953.074-7.422-2.858 7.685 2.05L4.452 7.94l6.933 3.897-5.127-6.08 5.747 5.498L8.552 4.09l4.198 6.755-1.563-7.798 2.387 7.586.425-7.942Z' fill='%23fff'/%3E%3Cpath d='M9.888 17.85c-.262-.35-.525-.963-1.05-1.75-.262-.438-1.05-1.313-1.312-1.663-.175-.35-.175-.524-.088-.874.088-.526.613-.963 1.225-.963.438 0 .875.35 1.225.613.175.175.438.525.613.7.175.175.175.262.35.437.175.263.262.438.175.088-.088-.438-.175-1.138-.35-1.838-.088-.525-.175-.612-.263-.963-.087-.437-.175-.7-.262-1.137-.088-.262-.175-.962-.263-1.312-.087-.438-.087-1.225.263-1.575.262-.263.787-.35 1.137-.175.438.262.7.875.788 1.137.175.438.35 1.05.437 1.75.175.875.438 2.188.438 2.45 0-.35-.088-.963 0-1.313.087-.262.262-.612.612-.7.263-.087.525-.087.788-.087.262.087.525.262.7.438.35.524.35 1.662.35 1.575.087-.35.087-1.05.262-1.4.088-.175.438-.35.613-.438.262-.088.612-.088.875 0 .175 0 .525.263.612.438.175.262.263 1.137.35 1.487 0 .088.088-.35.263-.613.35-.525 1.575-.7 1.662.525V14.7a8.62 8.62 0 0 1-.175 1.488c-.087.262-.35.875-.612 1.225 0 0-.963 1.05-1.05 1.575-.088.524-.088.524-.088.875 0 .35.088.787.088.787s-.7.088-1.05 0c-.35-.087-.788-.7-.875-.962-.175-.263-.438-.263-.613 0-.175.35-.612.962-.962.962-.613.088-1.838 0-2.713 0 0 0 .175-.875-.175-1.225l-.962-.963-.963-.612Z' fill='%23000'/%3E%3Cpath d='M9.888 17.85c-.262-.35-.525-.963-1.05-1.75-.262-.438-1.05-1.313-1.312-1.663-.175-.35-.175-.524-.088-.874.088-.526.613-.963 1.225-.963.438 0 .875.35 1.225.613.175.175.438.525.613.7.175.175.175.262.35.437.175.263.262.438.175.088-.088-.438-.175-1.138-.35-1.838-.088-.525-.175-.612-.263-.963-.087-.437-.175-.7-.262-1.137-.088-.262-.175-.962-.263-1.312-.087-.438-.087-1.225.263-1.575.262-.263.787-.35 1.137-.175.438.262.7.875.788 1.137.175.438.35 1.05.437 1.75.175.875.438 2.188.438 2.45 0-.35-.088-.963 0-1.313.087-.262.262-.612.612-.7.263-.087.525-.087.788-.087.262.087.525.262.7.438.35.524.35 1.662.35 1.575.087-.35.087-1.05.262-1.4.088-.175.438-.35.613-.438.262-.088.612-.088.875 0 .175 0 .525.263.612.438.175.262.263 1.137.35 1.487 0 .088.088-.35.263-.613.35-.525 1.575-.7 1.662.525V14.7a8.62 8.62 0 0 1-.175 1.488c-.087.262-.35.875-.612 1.225 0 0-.963 1.05-1.05 1.575-.088.524-.088.524-.088.875 0 .35.088.787.088.787s-.7.088-1.05 0c-.35-.087-.788-.7-.875-.962-.175-.263-.438-.263-.613 0-.175.35-.612.962-.962.962-.613.088-1.838 0-2.713 0 0 0 .175-.875-.175-1.225l-.962-.963-.963-.612Z' stroke='%23fff' stroke-width='.538' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.15 18.113v-2.976M15.402 18.113l-.087-2.976M13.65 15.137v2.976' stroke='%23fff' stroke-width='.404' stroke-linecap='round'/%3E%3C/svg%3E"),auto!important}.About-technologies{font-family:General Sans;font-weight:100;margin:0 auto;text-align:center;width:90%}.About-technologies h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#dadada 15%,#474747 85%);display:inline}.About-technologies-items svg{margin:20px;width:60px}.aboutmebackgroundpattern{bottom:-100px;left:-125px;position:absolute;width:80%;z-index:-1}@keyframes photoanm{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media only screen and (max-width:600px){.About{flex-direction:column-reverse;justify-content:center;margin:100px auto}.About-information{margin:30px auto;width:85%}.About-information h1{font-size:29px}.About-image{height:200px;width:200px}.aboutmebackgroundpattern{left:0}}.Home{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:160px auto;width:90%}.Home h1{font-family:Handwriting,sans-serif}.Home p{font-family:Handwriting,General Sans}.gifball{top:0;width:100px;z-index:-10}.ReadMeImg{border-radius:15px;display:block;width:85%}.ReadMeImgMobile{display:none;width:90%}.backgroundpattern{left:0;position:absolute;top:100px;z-index:-100}@media only screen and (max-width:600px){.ReadMeImg{display:none}.ReadMeImgMobile{display:block}.backgroundpattern{width:95%}}.resume-button{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:300%;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;height:2.7em;line-height:2em;margin:30px 0;position:relative;text-align:center;text-decoration:none;width:7.5em;z-index:1}.resume-button:hover{animation:ani 8s linear infinite;border:none}@keyframes ani{0%{background-position:0}to{background-position:400%}}.resume-button:before{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:400%;border-radius:35px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:1s;z-index:-1}.resume-button:hover:before{filter:blur(20px)}.resume-button:active{background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)}footer{align-items:center;bottom:0;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;margin:5px auto 0;padding:20px;position:relative;width:100%}footer h2{color:#d0d0d0;font-family:General Sans;font-size:11px}*{box-sizing:border-box;margin:0}body{background-color:#0c0c0c;color:#fff;font-family:Segoe UI,-apple-system;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{-webkit-backdrop-filter:blue(20px);backdrop-filter:blue(20px);background-repeat:no-repeat;width:10px}::-webkit-scrollbar-thumb{background-color:#393939;border-radius:10px;width:20px}::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e}.About,.Home,.Work{min-height:calc(100vh - 380px)}a{text-decoration:none}
/*# sourceMappingURL=main.6833fb28.css.map*/