body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.NavBar{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:rgba(51,51,51,.63);position:fixed;bottom:0;width:100%;z-index:100}li{display:inline-block;padding-right:.5%;padding-left:.5%}li button{background-color:initial}li a,li button{display:block;color:#fff;text-transform:uppercase;text-align:center;padding:14px 16px;text-decoration:none}li .gitLink{padding:0}li a:hover:not(.active),li button:hover:not(.active){background-color:#111}.active{background-color:#5f046b}input[type=password],input[type=text]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}button:hover{opacity:.8}.cancelbtn{width:auto;padding:10px 18px;background-color:#f44336}.imgcontainer{text-align:center;margin:24px 0 12px;position:relative}.container{padding:16px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto 15%;border:1px solid #888;width:80%}.modal-content button{background-color:#a753aa;color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%}.close{position:absolute;right:25px;top:0;color:#000;font-size:35px;font-weight:700}.close:focus,.close:hover{color:red;cursor:pointer}.animate{-webkit-animation:animatezoom .6s;animation:animatezoom .6s}@-webkit-keyframes animatezoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes animatezoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:450px){.NavBar li a,.NavBar li button{margin-right:0;margin-left:0;padding:6px 8px;font-size:80%}.gitLink{padding-left:0;padding-right:0}.gitLink svg{width:1.7em;height:1.7em}}@media screen and (max-width:350px){span.psw{display:block;float:none}.cancelbtn{width:100%}.NavBar li a,.NavBar li button{padding:3px 4px;font-size:80%}.gitLink svg{width:1.3em;height:1.3em}}.About{background:#000;padding:10px 10px 50px}.About p{color:#fff;font-family:Comfortaa,cursive}.About h1{text-transform:uppercase}.About h1,.About h3{margin-bottom:0;color:#a753aa;font-family:Comfortaa,cursive;-webkit-text-emphasis:bold;text-emphasis:bold}.About h3{margin-top:0}.Education h4{margin-bottom:0;color:#c1a5a9;font-family:Comfortaa,cursive;-webkit-text-emphasis:bold;text-emphasis:bold}.About ul{list-style-type:none;padding-left:0}.About li{font-family:Comfortaa,cursive;color:#fff;display:block;text-align:center}.Education li{text-align:left}.About .column{float:left;width:33.3%;padding:0 10px}.row{margin:0 -5px}.row:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.About .column{width:100%;display:block;margin-bottom:20px}}.card{padding:16px;text-align:center;border:2px solid #9a4c95;border-radius:12px}.Portfolio{background-color:#000}button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;-webkit-transition-duration:.4s;transition-duration:.4s}*{box-sizing:border-box}#wrapper{display:flex;flex-wrap:wrap;padding:0 4px}.box{overflow:hidden;position:relative;flex:50% 1;max-width:50%;padding:0 4px}h2{color:#fff;text-transform:uppercase;-webkit-text-emphasis:bold;text-emphasis:bold;font-size:20px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.overlay,h2{position:absolute}.overlay{bottom:0;left:0;right:0;background-color:rgba(80,4,74,.4);overflow:hidden;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.3s ease;transition:.3s ease}.box :hover{cursor:pointer}.box:hover h2{text-decoration:line-through}.box:hover .overlay{-webkit-transform:scale(1);transform:scale(1)}.box:hover img{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:scale(1.1);transform:scale(1.1)}.box img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%;height:100%;margin-top:8px;vertical-align:middle}@media screen and (max-width:800px){.box{flex:50% 1;max-width:50%}}@media screen and (max-width:600px){.box{flex:100% 1;max-width:100%}}.Item{background:#000}.Item p{color:#fff}.Item h1,.Item h3,.Item p{font-family:Comfortaa,cursive}.Item h1,.Item h3{margin-bottom:0;color:#a753aa;text-transform:uppercase;-webkit-text-emphasis:bold;text-emphasis:bold}.clearfix button{background-color:#a753aa}#gitCode{display:block;margin-left:auto;margin-right:auto;width:40%}.img2{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100vw;height:auto}.img2 :hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.logo{width:30px;height:auto;vertical-align:middle}@media screen and (max-width:500px){.Item h1{text-align:center}#gitCode{display:block;margin-left:auto;margin-right:auto;width:100%}}.Item a{text-decoration:none}.App{width:100vw;height:auto;color:#fff;background:-webkit-linear-gradient(135deg,#151515,#51135a,#9a4c95,#000);background:linear-gradient(-45deg,#151515,#51135a,#9a4c95,#000);background-size:400% 400%;-webkit-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;padding-bottom:0}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{text-align:center}.Ali-avatar{width:300px;height:auto}.App-header{background-size:cover;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-title{color:#c1a5a9;margin-bottom:0;margin-top:0;font-family:Staatliches,cursive;font-weight:inherit;font-size:70px}.App-title,.App p{text-transform:uppercase}.App p{font-weight:700}.Tilt{scale:10}.follow{text-transform:uppercase;font-family:Comfortaa,cursive}.App p{color:#000}@media screen and (max-width:600px){.Ali-avatar{width:250px;height:auto}}
/*# sourceMappingURL=main.5b81389e.chunk.css.map */