:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background:#000}#root{display:flex;align-items:center;justify-content:center}hr{margin:0;height:5px;background:linear-gradient(to right,#0f9,#0d9656);border:none;width:calc(100% - 2px)}@media only screen and (max-width:300px){*{display:none}}@font-face{font-family:Poppins;src:url(/assets/poppins-DX4RJaer.ttf) format("truetype");font-weight:400;font-style:normal}h1{margin-left:10px}#Portfolio{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;margin:0;width:100%;min-height:100vh;background:linear-gradient(to right,#000,#070707)}.pages{display:flex;height:100px;width:100%;justify-self:center;align-items:center;font-size:40px}.pages button{margin-left:20px;margin-right:20px;width:125px;height:75px;background:#141414;color:#fff;border-radius:10px;border:none}.buttons{width:25%;padding:20px;flex-wrap:wrap;margin-top:30px;min-height:100vh}.flex{width:75%;margin-top:50px;margin-bottom:50px;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.item{padding:20px;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;font-family:poppins;width:calc(33% - 74px);height:450px;margin:15px;background:linear-gradient(145deg,#080808,#0e0e0e);border-radius:10px;border:2px solid rgb(20,20,20);transition:.5s ease-in-out}.item:hover{transform:scale(1.05);box-shadow:0 8px 32px #00ff95;border-radius:10px;border:2px solid rgb(0,255,136);transition:.5s ease-in-out}.l{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;height:70%;width:100%;line-height:2.5}.r{width:100%;height:30%;display:flex;justify-content:center;flex-direction:row;align-items:center}.l p{font-size:px}p img{height:1%;max-width:auto;object-fit:contain}.r button{display:inline-block;padding:10px;font-weight:700;font-size:14px;color:#00ff7f;background:#000c;border:2px solid #00ff7f;border-radius:8px;width:70%;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:all .5s ease-in-out;box-shadow:0 0 10px #00ff7f80}.r button:hover{background:#00f179;box-shadow:0 0 20px #006432;transform:scale(1.05);transition:.5s ease-in-out!important}button a:hover{color:#000!important}.item img{margin-top:20px;padding:0!important;width:100%;max-height:auto}.item p{display:flex;justify-content:center;align-items:center;text-align:start}.containerfilters{display:flex;flex-direction:column;margin:20px;padding:15px;border:2px solid rgb(20,20,20);width:calc(100% - 74px);border-radius:30px;min-height:0;transition:.5s ease-in-out}#contact a{min-height:0}#contact{display:flex;text-align:center;flex-direction:row;margin-left:10px;width:calc(100% - 10px);font-weight:500;font-size:15px}.containerfilters:hover{box-shadow:0 4px 8px #0f9;transition:.5s ease-in-out;border:2px solid #017848}input{margin-left:20px;background:#111;border:2px solid rgb(20,20,20);color:#fff;padding:10px;border-radius:8px;width:calc(100% - 70px);transition:border .3s;transition:.5s ease-in-out}input:focus{transform:scale(1.02);transition:.5s ease-in-out;border-color:#0f9;outline:none}select{color:#fff;border:2px solid rgb(20,20,20);border-radius:10px;height:35px;width:100%;margin:20px 0;background:#111}select:focus{border-color:#0f9;outline:none}option{color:#fff}#a1{font-size:35px;line-height:normal;color:#0f9;font-weight:900!important}#a2,#a3{font-weight:600!important}#a2{width:calc(100% - 20px);display:flex;justify-content:space-between;font-size:18px}#a3{color:#dcdcdc}@media only screen and (min-width:1000px) and (max-width:1580px){.item{display:flex;margin:15px;height:400px;width:calc(50% - 74px)}.l #a1{font-size:25px!important}.l p{min-width:0;font-size:15px}.l{height:70%;width:100%;line-height:1.25}.r{width:100%;height:20%}}@media only screen and (max-width: 1000px){#Portfolio{width:100%}#Portfolio{flex-direction:column}.buttons{width:calc(100% - 40px);min-height:0}.flex{width:100%}.item{height:400px;width:calc(50% - 74px)}.l{line-height:1.25;display:flex;justify-content:center;height:50%;width:100%}.r{width:100%;height:50%}#a1{text-align:center;font-size:25px}#a3{font-size:18px}#a2{text-align:center}}@media only screen and (max-width:700px){.item{height:400px;width:calc(100% - 74px)}.l{height:70%!important}.r{height:30%}}@media only screen and (max-width:450px){#underline{text-underline-offset:10px}.r{height:100px}.l{height:200px}}@font-face{font-family:Poppins;src:url(/assets/poppins-DX4RJaer.ttf) format("truetype");font-weight:400;font-style:normal}#Blog{width:100%;min-height:100vh}.container-blog{display:flex;flex-direction:column;min-height:100vh;width:100%}img{width:30%;height:auto;object-fit:contain}.Blog{border-radius:10px 0;width:100%;min-height:25vh;font-size:100px;color:#0f9;FONT-WEIGHT:900;letter-spacing:5px}.fluid p{min-width:0;font-size:60px;color:#0f9;font-family:Poppins;letter-spacing:6px;font-weight:900!important}.fluid{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;width:100%}.coming{display:flex;height:100%;width:100%;justify-content:center;align-items:center;flex-direction:column}@media only screen and (max-width:1000px){.Blog{padding-top:150px}}@media only screen and (max-height:750px){.Blog{height:calc(20% - 150px)}.fluid{height:80%}}@media only screen and (max-width:800px){.Blog{display:flex;align-items:center;justify-content:center;font-size:60px;letter-spacing:2px}}body{margin:0;padding:0;display:flex;align-items:flex-start;justify-content:center}#root{margin:0;padding:0;width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:linear-gradient(to right,#000,#070707);z-index:1}header{z-index:10;box-shadow:0 10px 15px #000;position:sticky;top:20px;height:75px;display:flex;align-items:center;justify-content:space-between;width:900px;background:#0c0c0c;border-radius:20px;margin:0 auto}#logo,#options{height:75px;color:#fff!important}#logo{display:flex;align-items:center;justify-content:center;width:20%;height:75px;font-size:30px;letter-spacing:2px;font-weight:600!important}#socials{display:flex;justify-content:flex-end;align-items:center;text-align:center;width:40%;height:75px}#options{display:flex;justify-content:center;align-items:center;flex-direction:row;width:40%}#overflow{background:#00000075;height:5000px;width:100%}a{text-align:center;padding:15px;font-size:18px;display:flex;align-items:center;justify-content:center;height:100%;font-weight:900;letter-spacing:1px;text-decoration:none;color:#cfcfcf;border:2px solid transparent}.class{height:20%;transition:.5s ease-in-out}.class:hover{border-radius:15px;border:2px solid #00FF99;transition:.5s ease-in-out;transform:scale(1.1)}header img{padding:10px;width:100%!important}#link{height:35%;max-width:auto}#gmail{height:44%;max-width:auto}#github{height:35%;max-width:auto}@media only screen and (max-width: 500px){header{width:95vw;padding:0}}@media only screen and (max-width: 1000px){header{display:flex;flex-wrap:wrap;height:150px;width:90vw}#logo{letter-spacing:3px;width:50%;font-size:30px}#socials{display:flex;justify-content:center;width:50%}#options{display:flex;width:100%}}@font-face{font-family:PixelFont;src:url(/assets/dang-ZiassLld.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/poppins-DX4RJaer.ttf) format("truetype");font-weight:400;font-style:normal}.container{width:calc(50% - 44px);display:flex;flex-direction:column;margin:20px}#port{height:30%;width:100%;display:flex;font-weight:900;align-self:center;justify-self:center;text-align:center;justify-content:center;align-items:center;font-size:90px;color:#0f9}#mp{display:flex;font-weight:900;align-self:center;justify-self:center;text-align:center;justify-content:center;align-items:center;min-width:0;height:100%;font-size:90px;transition:.5s ease-in-out;letter-spacing:5px}#mp:hover{transition:.5s ease-in-out;transform:scale(1.1)}#About{z-index:-1;padding-top:50px;width:calc(100% - 25px);display:flex;align-self:center;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(to right,#000,#070707)}.headline{display:flex;flex-direction:row;font-size:40px;font-weight:900}#arrow{height:40%;padding:50px;width:100pX}#underline{display:flex;justify-content:center;text-decoration:underline;text-decoration-thickness:20px;text-underline-offset:25px;z-index:99;width:fit-content;margin:auto;transition:.5s ease-in-out}#underline:hover{transform:scale(1.1);transition:.5s ease-in-out}.about{display:flex;justify-content:space-between;flex-wrap:wrap;height:100%;width:100%}.left{font-size:100px;height:100%;width:calc(50% - 44px);font-weight:200;color:#0f9;rotate:0deg;line-height:2;margin:20px;font-family:PixelFont;letter-spacing:5px;border:2px solid rgb(20,20,20);border-radius:25px;transition:.5s ease-in-out}.left:hover{box-shadow:0 4px 8px #0f9;transition:.5s ease-in-out;transform:scale(1.05);border:2px solid #017848}.left::marker{size:20px}.left ul{color:#0f9;font-size:20px!important}.left li{color:#fff;font-size:30px!important;text-shadow:none!important}.left p{text-shadow:none!important;padding:0!important;font-family:Poppins;display:flex;flex-direction:row;margin-left:10px;margin-top:10px;margin-right:10px;color:#fff;font-size:25px;font-weight:600}.left button{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:1000;cursor:pointer;display:flex;justify-self:flex-start;align-items:center;justify-content:center;margin:10px;text-align:center;box-shadow:0 0 8px #0f9;border-radius:20px;border:3px solid #00FF99;font-size:20px;height:75px;width:35%;color:#fff!important;background:none}ul{line-height:2;margin:0;margin-block-start:10px;margin-block-end:10px}li{font-size:20px}.left button:hover{transform:scale(1.05);box-shadow:0 0 10px #0f9;transition:all .3s ease-in-out}.right p{display:flex;align-items:center;flex-direction:row;color:#fff;font-size:25px;font-weight:500}#bef{margin:20px;line-height:2;text-shadow:none!important;padding:0!important;font-family:Poppins}#highlight{display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;color:#0f9!important}.right{font-size:80px;height:100%;width:100%;font-weight:200;color:#0f9;rotate:0deg;line-height:2;font-family:PixelFont;letter-spacing:5px;border:2px solid rgb(20,20,20);border-radius:25px;transition:.5s ease-in-out}#strzalka{color:#0f9}.right:hover{box-shadow:0 4px 8px #0f9;transition:.5s ease-in-out;transform:scale(1.05);border:2px solid #017848}.right img{width:100%;height:auto}@media only screen and (max-width:1625px){#About{padding-top:30px}}@media only screen and (max-width:1000px){#mp{letter-spacing:normal}}@media only screen and (max-width:400px){li{font-size:20px}p{font-size:12px}.container{margin:0;width:100%;border-bottom:3px solid rgba(255,255,255,.18)}.about{display:flex;flex-direction:column}#port{display:none;width:0}.headline{font-size:25px}.left button{width:50%;height:10vh;font-size:25px}.right{margin:0;padding:0;width:calc(100% - 15px);font-size:30px;height:100%;border:none}.left{padding:0;margin:0!important;width:calc(100% - 2px);font-size:65px}.left p{font-size:15px}.right p{font-size:15px;letter-spacing:1px}#highlight{font-size:12px}}@media only screen and (min-width:400px) and (max-width:1000px){.container{width:100%;margin:0;border-bottom:3px solid rgba(255,255,255,.18)}.about{display:flex}#port{display:none;width:0}.headline{font-size:25px}.left button{width:50%;height:10vh;font-size:25px}.right{padding:0;width:calc(100% - 15px);font-size:30px;height:100%;border:none}.left{margin:0 0 10px;padding:0;width:calc(100% - 2px);font-size:65px}.left p{font-size:15px}.right p{font-size:15px;letter-spacing:1px}#underline{text-underline-offset:15px;text-decoration-thickness:10px}}@media only screen and (max-width:500px){#underline{font-size:30px;text-underline-offset:15px;text-decoration-thickness:10px}}@media only screen and (min-width:1000px) and (max-width:1570px){.container{display:flex;justify-content:center;align-items:center;width:100%;margin:0;border-bottom:3px solid rgba(255,255,255,.18)}li,p{font-size:20px}.about{display:flex;flex-direction:column}.left button{width:40%;height:10vh}#port{display:none;width:0}.right{margin:0;border:none;width:100%}.left{margin:0 0 10px;width:100%}.left:hover,.right:hover{transform:scale(1)!important}}@media only screen and (max-width:500px){li,p{font-weight:200}.headline{font-size:16px;letter-spacing:0}.left{font-size:40px}.left button{font-size:20px;width:80%}}