*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:rgba(255,204,51,.5);font-family:Open Sans,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1280px;padding:0 15px}.home{align-items:center;display:flex;flex-direction:column;flex-grow:1;min-width:100%}.home .title{font-family:Knewave,cursive;font-size:18px;text-align:center;width:100%}.home .title p{line-height:60px}.home .person{margin-top:20px;text-align:center;width:100%}.home .person img{width:50%}.home .title button{background-color:#f5aa42;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:24px;margin-right:20px;margin-top:30px;outline:none;padding:10px 15px}.home .title button:hover{background-color:#ccc;transition:.3s}@media(min-width:800px){.home{flex-direction:row;justify-content:space-between}.home .person,.home .title{font-size:25px;margin-top:0;text-align:left;width:50%}.home .person img{width:70%}}.about{flex-grow:1}.about .container{border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:45px}.about .container p{font-size:18px;line-height:26px}.about .container:last-child{border-bottom:none}.about .container.education p,.about .container.experience p{margin:7px 0}.about .container.education a{color:#000}.about .container.education a:hover{color:#f5aa42;transition:.3s}.about h1{margin-bottom:20px}.project{flex-grow:1;min-width:100%}.project h1{margin-bottom:20px}.project .container{margin:0;padding:0}.project .container .project-card{margin-bottom:40px;margin-right:40px;width:100%}.project .container .project-card .coverphoto{background-position:0;background-repeat:no-repeat;background-size:contain;border:1px solid #ccc;height:300px;width:100%}.project .container .project-card h3{margin:8px 0}.project .container .project-card a{color:#000}.project .container .project-card a:hover{color:#f5aa42;transition:.3s}.project .container .project-card p{font-size:18px;line-height:26px}@media(min-width:1030px){.project .container .project-card{float:left;width:45%}}.skills{flex-grow:1}.skills .container{margin-bottom:30px}.skills .container li{margin:10px 0}.navbar{height:100%}.nav-wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.logo{display:flex;height:100px;max-width:130px}.logo img{margin-left:-18px;width:100%}.list-wrapper{align-items:center;display:flex}.list-wrapper .list-icon{background-color:#ddd;border-radius:999px;color:#000;cursor:pointer;font-size:40px;height:50px;opacity:0;padding:7px;position:fixed;right:20px;text-align:center;top:20px;transition:all .5s ease-in-out;width:50px;z-index:4}.list-wrapper ul{background-color:rgba(0,0,0,.8);height:100vh;left:0;left:-100vw;padding-top:140px;position:fixed;text-align:center;top:0;transition:all .3s ease-in-out;width:100%;z-index:3}.list-wrapper ul li{font-weight:700;list-style:none;margin-bottom:15px}.list-wrapper ul a{color:#aaa;display:block;font-size:24px;padding:10px 0;text-decoration:none;transition:all .3s ease-in-out}.list-wrapper ul a:hover{color:#000}@media(min-width:800px){.list-wrapper .list-icon{display:none}.list-wrapper ul{background-color:transparent;height:100%;padding:0;position:relative;text-align:left;width:100%}.list-wrapper ul li{display:inline-block;margin-bottom:0}.list-wrapper ul li:not(:last-child){margin-right:18px}.list-wrapper ul a{color:#aaa;padding:5px}.list-wrapper ul a:hover{background:transparent;color:#333;padding:5px;-webkit-transform:scale(.8);transform:scale(.8)}}footer{padding:10px 0;width:100%}footer .footer-icon{color:#f5aa42;font-size:48px;margin-right:20px}footer .footer-icon:hover{color:#333;-webkit-transform:scale(.8);transform:scale(.8);transition:.3s}footer .footer-icon:visited{color:#f5aa42}.app{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;max-width:1280px;min-height:100vh;padding:0 15px}@media(min-width:800px){.app{margin:5vh auto;min-height:90vh;padding:0 100px}}
/*# sourceMappingURL=main.83a51fa0.css.map*/