@import url(https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Volkhov:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&family=Volkhov:ital@0;1&display=swap);body{margin: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}body,html{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box;background-repeat:no-repeat}h1 h2 h3 h4{font-family:"Reem Kufi",sans-serif}.app{display:flex;flex-direction:column;width:100%}.header{background:linear-gradient(350deg,#fff 25%,#282c34 0);box-sizing:border-box;height:170vh;width:100%}.nav{background-color:#fff}.main{background:local #fff}.footer{background:linear-gradient(350deg,#282c34 81%,#fff 0);height:100%}.material-icons.a{border:2px solid #000;border-radius:50%;background-color:#282c34;margin-right:25px}.material-icons.a,.material-icons.b{padding:12px;height:70px;font-size:40px;color:#fff}.material-icons.b{border:2px solid #fff;border-radius:50%}.icon{margin-left:1rem}@media only screen and (max-width:1340px){.header{height:270vh}}@media only screen and (max-width:400px){.header{height:370vh}}nav{background-color:#282c34!important;height:90px!important;padding:0}.logo{height:62px;width:60px;border:2px solid #fff;background-color:#fff;border-radius:50%;margin:0 0 0 5rem;padding:12px 0 0 3px;color:#282c34;font-size:28px}.logo,.nav ul{font-family:"Volkhov",serif}.nav ul{margin-right:19vh;margin-top:2vh;display:flex}strong{font-size:25px}@media only screen and (max-width:750px){.nav ul>a{padding:2px}.nav ul{white-space:nowrap;margin-right:0}.logo-wrapper{position:absolute;left:0;top:20px}}.button{color:#fff!important}.modals:hover>.country-happiness-frontend{opacity:.5}.modals:hover>.country-happiness-frontend:hover{opacity:1}.modals:hover>.yakyik{opacity:.5}.modals:hover>.yakyik:hover{opacity:1}.modals:hover>.movie-tv-finder{opacity:.5}.modals:hover>.movie-tv-finder:hover{opacity:1}.modals:hover>.cotripper{opacity:.5}.modals:hover>.cotripper:hover{opacity:1}.modals{width:16rem;margin-top:8rem;font-weight:400;font-family:"Volkhov",serif}.modals>div>a{font-size:35px;margin:0 9rem 1.5rem 0;white-space:nowrap;padding-bottom:70px;height:20px}.tooltip-img{width:700px;opacity:.9}blockquote{padding-left:1.5 rem;height:35px;border-left:4px solid #fff!important;color:#fff}@media only screen and (max-width:686px){.modals>div>a{margin:6rem 9rem 1.5rem 0;white-space:normal}}.about>h1{color:#000;margin-bottom:7rem}.about{flex-direction:column;margin-bottom:1.5rem}.about,.about-contents{display:flex;align-items:center}.about-contents{flex-direction:row;margin:1rem 0;width:100vh}span{font-size:22px;font-weight:800}p.flow-text{font-size:20px;font-family:"Playfair Display",serif;line-height:30px;letter-spacing:1.5px}.about>p{font-family:"Volkhov",serif}.about h5{font-family:"Playfair Display",serif}.test{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:750px){.about-contents{width:auto}}.fade-appear{opacity:0;z-index:1}.fade-appear.fade-appear-active{opacity:1;transition:opacity 1.5s linear}h1{color:#fff;font-size:60px;height:1rem;white-space:nowrap;font-weight:0;letter-spacing:2.5px;font-family:"Volkhov",serif}.sub-text{height:10rem;border:1px solid #282c34}.sub-text>div>h4{font-family:"Volkhov",serif;color:#fff;margin:2rem 0;font-weight:600}.card-image img{height:300px}.card{width:300px;background-color:#282c34!important}.card-content p{font-family:"Playfair Display",serif;letter-spacing:1px}.card-wrapper{display:flex;justify-content:flex-end}@media only screen and (max-width:1340px){.card-wrapper{margin-top:11rem;display:flex;justify-content:flex-start}.modals{margin-top:40rem}h1{white-space:normal}.title{margin:4rem 0}}@media only screen and (max-width:440px){.layout>div h1{font-size:40px}}.skills{margin-top:30rem;color:#fff}.skills-contents{display:flex;flex-direction:row;margin:7rem 0}.skills-contents p{position:relative;left:14rem;font-size:22px;text-align:right;width:30rem}.skills-contents h5{width:14rem;position:relative;bottom:4rem}.skills-contents.front h5{position:relative;left:5rem;font-size:30px;font-weight:600}.skills-contents.misc>h5{position:relative;left:1rem;font-size:30px;font-weight:600}.b{margin-left:2rem}@media only screen and (max-width:750px){.b{display:flex;align-self:center}.skills-contents p{text-align:center;position:inherit}.skills-contents h5{text-align:center;margin:6rem 8rem 0 0}.skills-contents.front{display:flex;flex-direction:column-reverse;align-items:center}.skills-contents.misc h5{text-align:center;margin:3em 0 0}.skills-contents.misc{display:flex;flex-direction:column-reverse;align-items:center}}.contact a{color:#fff;text-decoration:none;width:5rem;margin:15px 0 0;text-decoration:underline}.contact p{color:#fff;font-family:"Playfair Display",serif;margin-bottom:1rem}.contact{display:flex;flex-direction:column;margin-bottom:100px}.contact>p>strong{font-size:25px}.ProjectContent_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.router-nav{background-color:#fff!important;height:90px!important;padding:0}.router-logo{height:62px;width:60px;border:2px solid #000;background-color:#000;font-family:"Volkhov",serif;font-size:26px;border-radius:50%;margin:1rem 0 0 6rem;padding:0 0 0 4px;color:#fff}.brand-logo{width:60px}.ProjectContent_title{display:flex;align-self:center;justify-self:center}.ProjectContent_title h3{font-family:"Volkhov",serif;color:#000;height:90px;margin:35px 0 0 200px;font-size:30px}.ProjectContent_links{display:flex;flex-direction:column;width:130vh;margin:3rem 0}.ProjectContent_wrapper a,.ProjectContent_wrapper p{font-family:"Playfair Display",serif;letter-spacing:1px}.ProjectContent_wrapper a{font-size:25px;color:#000}.ProjectContent_github{opacity:.5;width:150px}.ProjectContent_github:hover{opacity:1}.ProjectContent_site{opacity:.5;width:150px}.ProjectContent_site:hover{opacity:1}.ProjectContent_gif img{width:150vh;height:100vh}.ProjectContent_description{margin:2rem 0;display:flex;flex-direction:row;align-items:normal}.ProjectContent_description h6{font-family:"Playfair Display",serif;font-weight:700;width:300px;font-size:25px}.ProjectContent_description p{font-weight:700;width:600px;margin:0 4rem}.ProjectContent_infowrapper{display:flex;flex-direction:row;justify-content:space-evenly}.ProjectContent_challenge{width:20rem}.ProjectContent_challenge,.ProjectContent_challenge li,.ProjectContent_challenge ul{display:flex;flex-direction:column}.ProjectContent_challenge li{margin:20px}.ProjectContent_tech{width:8rem;margin-left:10rem}.ProjectContent_tech li,.ProjectContent_tech ul{display:flex;flex-direction:column}.ProjectContent_tech li{margin:10px 0 10px 80px}@media only screen and (max-width:987px){.ProjectContent_tech{display:flex;align-items:center;flex-direction:column}.ProjectContent_links{margin-left:18rem}.ProjectContent_description p{width:400px}.ProjectContent_gif img{width:800px}}@media only screen and (max-width:787px){.ProjectContent_gif img{width:500px}.ProjectContent_links{margin-left:40rem}.ProjectContent_description p{width:400px}.ProjectContent_description{flex-direction:column;align-items:center}.ProjectContent_infowrapper{display:flex;flex-direction:column!important}}.page{position:absolute;left:0;right:0}.fade-appear,.fade-enter{opacity:0;z-index:1}.fade-appear-active,.fade-enter.fade-enter-active{opacity:1;transition:opacity 1s ease .3s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity 1s ease .3s}
/*# sourceMappingURL=main.e423e9a3.chunk.css.map */