@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Reem+Kufi+Fun:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);html{margin:0;padding:0}a{color:#f0f8ff;text-decoration:none}body{background-color:#151515;cursor:url(/static/media/cursor.c728a8e65f15d0d992ae.svg)}.App{align-items:center;display:flex;justify-content:center}blockquote{margin-inline:auto;max-width:40rem;opacity:.7;.content{font-size:15px}}@media only screen and (max-width:1000px){blockquote{margin-inline:auto;max-width:40rem;opacity:.7;.content{font-size:10px}}}blockquote.q-card-color-2{--accent-color:#f3f3f3;--bg-color:#1b1b1d;--dot-color:rgba(0,0,0,.125);--text-color:#f3f3f3;--text-color-author:#211d1e}blockquote.q-card{--padding:1rem;grid-gap:1rem;background-color:#fff;background-color:var(--bg-color,#fff);background-image:radial-gradient(circle,rgba(0,0,0,.125) calc(25% - 1px),#0000 25%);background-image:radial-gradient(circle,var(--dot-color,rgba(0,0,0,.125)) calc(25% - 1px),#0000 25%);background-size:.5rem .5rem;border-radius:20px;color:#000;color:var(--text-color,#000);display:grid;font-weight:600;gap:1rem;padding:var(--padding)}blockquote.q-card:before{--qHeight:4rem;background-image:radial-gradient(circle at bottom right,#0000 calc(var(--qHeight)/4 - 1px),#000 calc(var(--qHeight)/4) calc(var(--qHeight)/2),#0000 calc(var(--qHeight)/2 + 1px)),linear-gradient(#000,#000);background-image:radial-gradient(circle at bottom right,#0000 calc(var(--qHeight)/4 - 1px),var(--accent-color,#000) calc(var(--qHeight)/4) calc(var(--qHeight)/2),#0000 calc(var(--qHeight)/2 + 1px)),linear-gradient(var(--accent-color,#000),var(--accent-color,#000));background-position:0 0,0 100%;background-repeat:space no-repeat;background-size:calc(var(--qHeight)/2) calc(var(--qHeight)/2);content:"";height:var(--qHeight);margin-left:calc(var(--padding)*-1);margin-top:calc(var(--padding)*-1);width:calc(var(--qHeight)*1.1)}blockquote.q-card>.author{background-color:#000;background-color:var(--accent-color,#000);border-radius:.25rem;color:#fff;color:var(--text-color-author,#fff);font-size:.75em;justify-self:end;padding:.5em 1em}blockquote.q-card>.author:before{content:"- "}.info{flex-grow:1;height:100%;min-width:50%;overflow-x:hidden;overflow-y:scroll}::-webkit-scrollbar{width:1px}.link,nav{display:none}@media only screen and (max-width:999px){.link{align-items:center;display:flex;height:10vh;justify-content:space-evenly;margin-left:20%;width:60%;img{height:30px}}nav{align-items:center;border-bottom:1px solid hsla(0,0%,63%,.068);display:flex;font-family:Pacifico,cursive;height:8vh;justify-content:space-between;width:100%;h1{color:#f0f8ff;font-size:25px;font-weight:800;margin:0;padding:20px}img{height:40px;padding:0 20px}}}.grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-inline:auto;max-width:840px}.grid div{align-items:center;aspect-ratio:.01/.01;background-color:#1b1b1d;border-radius:20px;display:flex;justify-content:center;opacity:.6;overflow:auto;transition:.5s}.grid div:hover{opacity:1;transform:scale(1.1)}.grid div img{height:50px}@media only screen and (max-width:999px){.skills{margin-top:-50px;overflow-x:hidden}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-inline:auto;max-width:840px}.grid div{align-items:center;aspect-ratio:.1/.1;background-color:#1b1b1d;border-radius:10px;display:flex;justify-content:center;opacity:.8;overflow:auto;transition:.5s}.grid div img{height:40px}}.boxxxx{font-family:Quicksand,sans-serif;margin-bottom:20px;margin-left:10%;width:80%}.project .grid{grid-gap:15px;cursor:default;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-inline:auto;max-width:840px}.project .grid div{align-items:start;aspect-ratio:.01/.01;background-color:#1b1b1d;border-radius:20px;color:#f0f8ff;display:flex;flex-direction:column;justify-content:space-between;opacity:.6;overflow:auto;padding:30px;text-align:left;transition:.5s;h3{font-size:25px;font-weight:500;margin:0 0 10px}h6{font-size:10px;margin:5px 0}p{font-size:12px;height:50%;margin:20px 0}a{align-items:center;display:flex;justify-content:space-around;min-width:50px;img{height:10px}span{height:100%;margin-bottom:0;text-align:center}}}.project .grid div:hover{opacity:1;transform:scale(1.1)}.project .grid div img{height:50px}@media only screen and (max-width:1212px){.wrapper{margin:0;width:100%}.gallery ul li{height:10px;width:10px}}@media only screen and (max-width:498px){.wrapper{width:100%}div.gallery ul{list-style-type:none;margin:0}}.topic{color:#f0f8ff;font-family:Quicksand,sans-serif;font-size:20px;font-weight:600;margin-bottom:30px;margin-left:10%;margin-top:80px;opacity:1;text-align:left;width:100%}@media only screen and (max-width:999px){.project .topic{font-weight:600;margin-left:10%;margin-top:20px;text-align:left;width:100%}}.skills{width:100%}@media only screen and (max-width:999px){.skills{margin-top:-50px;overflow-x:hidden}.project .grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-inline:auto;max-width:840px}.project .grid div{margin:0;opacity:.8;overflow-y:scroll;padding:20px;span{margin-bottom:20px}h3{font-size:15px}h6{font-size:8px}p{font-size:10px;height:50%}a{align-items:center;display:flex;justify-content:space-around;margin-top:20px;min-width:50px;img{height:10px}span{font-size:10px;height:100%;margin-bottom:0;text-align:center}}.project .grid div img{height:40px}}}.BlogList{font-family:Quicksand,sans-serif;margin-bottom:50px;.div{background-color:#1b1b1d;border-radius:20px;color:#f0f8ff;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin:15px auto;min-height:200px;opacity:.6;padding:30px;transition:.3s;width:80%;h6{color:#f0f8ff;font-size:10px;font-weight:200;margin-top:5px;opacity:.7}h1{font-size:25px;font-weight:500}h5{font-size:12px;font-weight:200;margin:0;span{float:right}}p{font-size:12px;font-weight:300}}.div:hover{opacity:1;transform:scale(1.05)}}.Blog{color:#f0f8ff;font-family:quicksand;height:auto;max-width:800px;padding:50px 0;width:80%;.div1{padding:20px 0;span{font-weight:900;margin-right:20px}}.div2{margin-bottom:15px;margin-top:-15px;padding:0;span{margin-right:10px}}h1{font-size:40px;font-weight:800}h1,h2{padding:20px 0;text-align:left}h2{color:#bcc3ca;font-size:30px;font-weight:600}p{color:#a0a7ac;font-size:15px;text-align:justify}}.contactForm{background-color:#1b1b1d;border-radius:20px;display:flex;flex-direction:column;font-family:Quicksand,sans-serif;height:auto;margin:0 auto;opacity:.6;transition:.5s;width:80%;textarea{background-color:#151515;border:none;border-radius:10px;color:#f0f8ff;font-size:15px;height:100px;margin:30px auto;padding:10px;resize:none;width:90%}button{align-items:center;background-color:#f0f8ff;border:none;border-radius:10px;color:#151515;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-weight:900;height:40px;justify-content:space-evenly;margin-bottom:30px;margin-left:40%;width:20%}}.contactForm:hover{opacity:1;transform:scale(1.05);transition:.5s}@media only screen and (max-width:999px){.BlogList{.div{min-height:200px;opacity:.8;h1{font-size:15px;font-weight:500}p{font-size:10px}h5,h6{font-size:8px}}.div:hover{opacity:1;transform:scale(1.05)}}.Blog{.div1{font-size:10px;font-weight:400;padding:5px 0;span{font-weight:400;margin-right:10px}}.div2{margin-bottom:15px;margin-top:-10px;span{margin-right:10px}}h1{font-size:30px;line-height:35px;padding:20px 0}h2{font-size:20px;padding:15px 0}p{font-size:12px;text-align:justify}}}.layout{width:80vw}.full,.layout{display:flex;height:100dvh;transition:.5s}.full{align-items:center;justify-content:center;width:100%}.mobileLayout{color:#f0f8ff;display:none;flex-direction:column;flex-grow:1;font-family:Quicksand,sans-serif;justify-content:space-between;transition:.5s;nav{align-items:center;display:flex;font-family:Pacifico,cursive;height:8vh;justify-content:space-between;width:100%;h1{font-size:25px;font-weight:800;margin:0;padding:20px}img{height:40px;padding:0 20px}}.containerF{align-items:center;display:flex;height:55vh;justify-content:center;width:100vw;.content{width:80%;.image{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%;img{border:2px solid #fff;border-radius:50%;height:100px}}.pilex{align-items:center;display:flex;justify-content:center;width:100%;h2{font-size:30px;font-weight:600;margin:20px 0;text-align:center;div{height:65px;margin-top:-10px;overflow:hidden;padding-top:10px;position:relative;li{color:#eee;display:block;font-weight:700;height:45px;margin-bottom:45px;padding:0 10px;text-align:center}}}}p{color:#646464;font-size:12px;margin:20px 0;text-align:center;span{color:#dadada}}.but{align-items:center;display:flex;justify-content:center;width:100%;button{background:#353535;border:none;border-radius:7px;box-shadow:0 4px 14px 0 #0000001a;color:#a5a5a5;cursor:pointer;font-size:10px;font-weight:800;height:35px;margin:10px 0;outline:0;padding:0 15px;transition:background .2s ease,color .2s ease,box-shadow .2s ease;:hover{background:#ffffffe6;box-shadow:0 6px 20px #5d5d5d3b}}}}}.qt{align-items:start;height:22vh;justify-content:center;margin-bottom:5vh;width:100%}.link,.qt{display:flex}.link{align-items:center;height:10vh;justify-content:space-evenly;margin-left:20%;width:60%;img{height:30px;opacity:.6}}}@media only screen and (max-width:1000px){.layout{display:none}.mobileLayout{display:flex;transition:.5s}}.home{color:#f0f8ff;display:flex;flex-direction:column;flex-grow:1;font-family:Quicksand,sans-serif;height:100%;justify-content:space-evenly;min-width:40%;padding:0 5%}.about{h1{display:flex;font-size:40px;font-weight:800;margin:0;padding:0;div{height:65px;margin-top:-10px;overflow:hidden;padding-top:10px;position:relative;li{color:#eee;display:block;font-family:Quicksand,sans-serif;font-weight:700;height:45px;margin-bottom:45px;padding:0 10px}}}p{color:#646464;font-size:15px;padding:20px 0;span{color:#dadada;opacity:1}}}.thoughts{align-items:self-start;height:300px;justify-content:center}.links,.thoughts{display:flex;width:100%}.links{align-items:center;margin-left:-5%;img{border-radius:50%;height:60px;margin:0 15px}a{margin:0 15px;opacity:.6;transition:.5s}a:hover{opacity:1;transition:.5s}}
/*# sourceMappingURL=main.6719c139.css.map*/