@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Poppins,sans-serif;font-size:1em;line-height:1.25;margin:0}#background{background-attachment:fixed;background-image:url(/azeem_portfolio_website/static/media/The%20Multiverse.709012fc27c1df6f9a97.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-2}#background:after{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-name:img-ani;animation-name:img-ani;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:rgba(0,0,0,.604);background-repeat:repeat-x;bottom:0;content:"";height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}@-webkit-keyframes img-ani{0%{background-color:#000}to{opacity:1}}@keyframes img-ani{0%{background-color:#000}to{opacity:1}}.app-header{margin-right:5%;margin-top:3vh;overflow:hidden;padding:20px 10px}a{color:#00a2ed}.header-nav{text-align:right}.header-nav a{color:#fff;font-size:3.5vh;line-height:25px;padding:12px;text-decoration:none}.header-nav a:focus,.header-nav a:hover{-webkit-animation:hoverLink .2s ease-out;animation:hoverLink .2s ease-out;color:gold}.header-nav:active{color:gold}@-webkit-keyframes hoverLink{0%{color:#fff}to{color:gold}}@keyframes hoverLink{0%{color:#fff}to{color:gold}}#home{display:flex;flex-direction:row;justify-content:space-between;margin-left:5vw;margin-right:5vw;margin-top:10vh}.home-col{margin-left:1vw;margin-right:1vw}#home h1{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.57,.21,.69,1.25);animation-timing-function:cubic-bezier(.57,.21,.69,1.25);font-size:6.5vh;margin-top:auto}#home h1,#home p{-webkit-animation-name:slideToRight;animation-name:slideToRight}#home p{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.57,.21,.69,1.25);animation-timing-function:cubic-bezier(.57,.21,.69,1.25);font-size:2.6vh;line-height:1.6;width:100%}#home img{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slideToLeft;animation-name:slideToLeft;-webkit-animation-timing-function:cubic-bezier(.03,.85,.64,1.07);animation-timing-function:cubic-bezier(.03,.85,.64,1.07);max-height:40vh;max-width:27vw}#home h3{font-size:4vh;margin-bottom:0}#azeem-image{border-radius:50%;opacity:1;transition:.5s ease}#azeem-overlay{opacity:0;text-align:center;transition:.5s ease}#azeem-div:hover #azeem-overlay{opacity:1}#credit-popup{color:#fff;font-size:2vh}@-webkit-keyframes hoverImage{0%{opacity:1}to{opacity:.5}}@keyframes hoverImage{0%{opacity:1}to{opacity:.5}}#contact-info{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slideToRight;animation-name:slideToRight;-webkit-animation-timing-function:cubic-bezier(.57,.21,.69,1.25);animation-timing-function:cubic-bezier(.57,.21,.69,1.25);margin-top:2em;width:100%}.fa-brands,.fa-solid{border-radius:50%;font-size:4vh;margin:0;padding:.5em;text-decoration:none;transition:.2s ease-in-out}.fa-linkedin{background:#0a66c2;color:#fff;float:left;margin-right:10px}.fa-github-square{background:#211f21;color:#fff;float:left;font-size:4.4vh;margin-left:2vw;margin-right:2vw}.fa-envelope{background:#c54c14;color:#fff;float:left;margin-left:10px}.home-col .fa-brands:hover,.home-col .fa-solid:hover{cursor:pointer;-webkit-transform:translateY(-.6em);transform:translateY(-.6em)}@-webkit-keyframes slideToLeft{0%{margin-left:100%;opacity:0}to{margin-left:0;opacity:100%}}@keyframes slideToLeft{0%{margin-left:100%;opacity:0}to{margin-left:0;opacity:100%}}@-webkit-keyframes slideToRight{0%{margin-left:-100%;opacity:0}to{margin-left:0;opacity:100%}}@keyframes slideToRight{0%{margin-left:-100%;opacity:0}to{margin-left:0;opacity:100%}}#about-div{display:block;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5vh;text-align:center}.about-col{margin:.5em 10% 2rem;text-align:left}.about-col h1{font-size:6vh;line-height:1;margin-bottom:0;opacity:0;width:100%}.about-col p{-webkit-animation-name:slideToRight;animation-name:slideToRight;font-size:2.1vh;line-height:2.2;opacity:0;width:100%}.about-col:first-child h1{margin-top:0}.about-col:first-child h1,.about-col:first-child p{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}.about-col:first-child h1,.about-col:first-child p,.about-col:nth-child(2) h1,.about-col:nth-child(2) p{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideToRight;animation-name:slideToRight}.about-col:nth-child(2) h1,.about-col:nth-child(2) p{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}.about-col:nth-child(3) h1,.about-col:nth-child(3) p{-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slideToRight;animation-name:slideToRight;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}#queens-link{color:gold;text-decoration:none}#queens-link:hover{-webkit-animation:hoverLink .2s ease-out;animation:hoverLink .2s ease-out;color:gold;text-decoration:underline}@-webkit-keyframes slidingstep1{0%{left:-100px;opacity:0}5%{left:-75px;opacity:.2}to{left:0;opacity:1}}@keyframes slidingstep1{0%{left:-100px;opacity:0}5%{left:-75px;opacity:.2}to{left:0;opacity:1}}#projects{margin-left:auto;margin-right:auto}#projects h2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slideToRight;animation-name:slideToRight;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99);font-size:3vh;opacity:0;text-align:center;width:100%}.project-button{background-color:hsla(0,0%,51%,.467);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;justify-content:space-between;opacity:0;outline:none;padding:18px;text-align:left;width:100%}.project-links{margin-bottom:.1vh;margin-top:.1vh}.project-col{margin:4vh 5.5%;text-align:left}.project-col h1{font-size:3.5vh}.project-col p{font-size:2vh;line-height:1.8;width:100%}.project-col:nth-child(2) .project-button{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}.project-col:nth-child(2) .project-button,.project-col:nth-child(3) .project-button{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideToRight;animation-name:slideToRight}.project-col:nth-child(3) .project-button{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}.project-col:nth-child(4) .project-button{-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}.project-col:nth-child(4) .project-button,.project-col:nth-child(5) .project-button{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideToRight;animation-name:slideToRight}.project-col:nth-child(5) .project-button{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.12,.72,.89,.99);animation-timing-function:cubic-bezier(.12,.72,.89,.99)}@-webkit-keyframes slideToRightNoOpacity{0%{margin-left:-100%}to{margin-left:0}}@keyframes slideToRightNoOpacity{0%{margin-left:-100%}to{margin-left:0}}.active,.project-button:hover{background-color:#313131}.project-section{margin-left:1rem;margin-right:1rem;overflow:hidden;transition:height .3s ease}.project-button .fa-brands,.project-button .fa-file-pdf,.project-button .fa-solid{font-size:4vh;margin-left:1.2vw;margin-right:1.2vw}.project-button .fa-github-square{background:#181a21}.project-button .fa-microsoft{background:#00a2ed;color:#fff}.project-button .fa-file-pdf{background:#fff;color:crimson}.project-button .fa-google-drive{background:#fff;color:green}.project-button .fa-brands:hover,.project-button .fa-file-pdf:hover,.project-button .fa-solid:hover{cursor:pointer;-webkit-transform:translateY(-.4em);transform:translateY(-.4em)}@media screen and (max-width:600px){.app-header{margin-left:6vw}.header-nav a,.nav-link{text-align:left}.header-nav a{display:block;justify-content:left;width:-webkit-max-content;width:max-content}#home{align-items:center;display:block;justify-content:center;margin-top:4%}#home h1{font-size:2.5rem}#home h1,#home p{text-align:center}#home p{font-size:1.3rem;width:100%}#home img{max-width:27vh}.home-col:nth-child(2){text-align:center}#contact-info,#home h1,#home img,#home p{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slidingstep1;animation-name:slidingstep1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#contact-info{justify-content:center;text-align:center}.fa-brands,.fa-solid{float:none;justify-content:center;margin-bottom:1em;margin-left:10px;margin-right:10px}.fa-brands:active,.fa-brands:hover,.fa-solid:active,.fa-solid:hover{opacity:.6}.about-col h1,.about-col p{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slidingstep1;animation-name:slidingstep1;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.about-col h1{font-size:6vh;line-height:1.2em}.about-col p{font-size:2vh}#projects{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slidingstep1;animation-name:slidingstep1;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);display:block}.project-button{display:block;padding-left:2vw;padding-right:2vw}.project-links{text-align:center}.project-links:nth-child(odd){margin-bottom:3vh}#projects h2{word-wrap:break-word;font-size:2.8vh;margin-left:4vw}.project-col h1{font-size:6vw;line-height:1.5;text-align:center}.project-button .fa-brands,.project-button .fa-file-pdf,.project-button .fa-solid{font-size:3.5vh;margin-left:5vw;margin-right:5vw}.project-button .fa-github-square{background:#181a21;color:#fff;font-size:3.8vh;margin-left:5vw;margin-right:5vw}.fa-brands:hover,.fa-solid:hover{cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.9cfc0aee.css.map*/