body{margin:0;font-family:"Futura Lt BT","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}@font-face{font-family:"Futura Lt BT";src:url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.eot);src:url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.eot#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.woff) format("woff"),url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/19580604133dfd68ae370ddc889aedab.svg#Futura%20Lt%20BT) format("svg")}.row__projects{width:98%;margin:0 auto;padding-top:15px}.cover__photo{-webkit-filter:grayscale(1);filter:grayscale(1)}.cover__photo,.cover__photohover:hover{border-radius:3px;margin:20px 0;position:relative}.cover__photohover:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.mask{position:absolute;width:100%;height:100%;transition:background-color 1s;display:flex;justify-content:center;align-items:center;border-radius:3px}.mask:hover{background-color:rgba(0,0,0,.5)}.mask:hover>.more{border:2px solid #70a1ff;color:#fff;transform:translateY(0)}.more{border:2px solid transparent;padding:10px;border-radius:5px;color:transparent;cursor:pointer;text-transform:capitalize;letter-spacing:1.2px;transform:translateY(50%);transition:all .6s ease-out}.row__projects img{display:block;border-radius:3px;transition:transform .2s;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.section-title{width:80%;font-size:180%;font-weight:700;padding:0 0 20px;border-bottom:3px solid #ff6348;margin:0 auto;text-transform:uppercase;letter-spacing:3px}.closebutton{position:absolute;top:10px;left:20px;cursor:pointer}.section{clear:both;padding:0;margin:0}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col{display:block;float:left;margin:1% 0 1% 1%}.col:first-child{margin-left:0}@media only screen and (max-width:480px){.col{margin:0}}.span-2-of-2{width:100%}.span-1-of-2{width:49.2%}@media only screen and (max-width:480px){.span-1-of-2,.span-2-of-2{width:100%}}.span-3-of-3{width:100%}.span-2-of-3{width:66.13%}.span-1-of-3{width:32.6%}@media only screen and (max-width:480px){.span-1-of-3,.span-2-of-3,.span-3-of-3{width:100%}}.span-4-of-4{width:100%}.span-3-of-4{width:74.6%}.span-2-of-4{width:49.2%}.span-1-of-4{width:23.8%}@media only screen and (max-width:480px){.span-1-of-4,.span-2-of-4,.span-3-of-4,.span-4-of-4{width:100%}}.span-5-of-5{width:100%}.span-4-of-5{width:79.68%}.span-3-of-5{width:59.36%}.span-2-of-5{width:39.04%}.span-1-of-5{width:18.72%}@media only screen and (max-width:480px){.span-1-of-5,.span-2-of-5,.span-3-of-5,.span-4-of-5,.span-5-of-5{width:100%}}.span-6-of-6{width:100%}.span-5-of-6{width:83.06%}.span-4-of-6{width:66.13%}.span-3-of-6{width:49.2%}.span-2-of-6{width:32.26%}.span-1-of-6{width:15.33%}@media only screen and (max-width:480px){.span-1-of-6,.span-2-of-6,.span-3-of-6,.span-4-of-6,.span-5-of-6,.span-6-of-6{width:100%}}.span-7-of-7{width:100%}.span-6-of-7{width:85.48%}.span-5-of-7{width:70.97%}.span-4-of-7{width:56.45%}.span-3-of-7{width:41.94%}.span-2-of-7{width:27.42%}.span-1-of-7{width:12.91%}@media only screen and (max-width:480px){.span-1-of-7,.span-2-of-7,.span-3-of-7,.span-4-of-7,.span-5-of-7,.span-6-of-7,.span-7-of-7{width:100%}}.span-8-of-8{width:100%}.span-7-of-8{width:87.3%}.span-6-of-8{width:74.6%}.span-5-of-8{width:61.9%}.span-4-of-8{width:49.2%}.span-3-of-8{width:36.5%}.span-2-of-8{width:23.8%}.span-1-of-8{width:11.1%}@media only screen and (max-width:480px){.span-1-of-8,.span-2-of-8,.span-3-of-8,.span-4-of-8,.span-5-of-8,.span-6-of-8,.span-7-of-8,.span-8-of-8{width:100%}}.span-9-of-9{width:100%}.span-8-of-9{width:88.71%}.span-7-of-9{width:77.42%}.span-6-of-9{width:66.13%}.span-5-of-9{width:54.84%}.span-4-of-9{width:43.55%}.span-3-of-9{width:32.26%}.span-2-of-9{width:20.97%}.span-1-of-9{width:9.68%}@media only screen and (max-width:480px){.span-1-of-9,.span-2-of-9,.span-3-of-9,.span-4-of-9,.span-5-of-9,.span-6-of-9,.span-7-of-9,.span-8-of-9,.span-9-of-9{width:100%}}.span-10-of-10{width:100%}.span-9-of-10{width:89.84%}.span-8-of-10{width:79.68%}.span-7-of-10{width:69.52%}.span-6-of-10{width:59.36%}.span-5-of-10{width:49.2%}.span-4-of-10{width:39.04%}.span-3-of-10{width:28.88%}.span-2-of-10{width:18.72%}.span-1-of-10{width:8.56%}@media only screen and (max-width:480px){.span-1-of-10,.span-2-of-10,.span-3-of-10,.span-4-of-10,.span-5-of-10,.span-6-of-10,.span-7-of-10,.span-8-of-10,.span-9-of-10,.span-10-of-10{width:100%}}.span-11-of-11{width:100%}.span-10-of-11{width:90.76%}.span-9-of-11{width:81.52%}.span-8-of-11{width:72.29%}.span-7-of-11{width:63.05%}.span-6-of-11{width:53.81%}.span-5-of-11{width:44.58%}.span-4-of-11{width:35.34%}.span-3-of-11{width:26.1%}.span-2-of-11{width:16.87%}.span-1-of-11{width:7.63%}@media only screen and (max-width:480px){.span-1-of-11,.span-2-of-11,.span-3-of-11,.span-4-of-11,.span-5-of-11,.span-6-of-11,.span-7-of-11,.span-8-of-11,.span-9-of-11,.span-10-of-11,.span-11-of-11{width:100%}}.span-12-of-12{width:100%}.span-11-of-12{width:91.53%}.span-10-of-12{width:83.06%}.span-9-of-12{width:74.6%}.span-8-of-12{width:66.13%}.span-7-of-12{width:57.66%}.span-6-of-12{width:49.2%}.span-5-of-12{width:40.73%}.span-4-of-12{width:32.26%}.span-3-of-12{width:23.8%}.span-2-of-12{width:15.33%}.span-1-of-12{width:6.86%}@media only screen and (max-width:480px){.span-1-of-12,.span-2-of-12,.span-3-of-12,.span-4-of-12,.span-5-of-12,.span-6-of-12,.span-7-of-12,.span-8-of-12,.span-9-of-12,.span-10-of-12,.span-11-of-12,.span-12-of-12{width:100%}}.bm-burger-button{position:fixed;width:36px;height:30px;right:1%;top:1.5%;display:none}.bm-burger-bars{background:#fff}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu{background:#373a47;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em;height:90%;box-sizing:border-box}.bm-overlay{background:rgba(0,0,0,.3)}.menu-item{font-family:Roboto,Arial,Helvetica,sans-serif;text-decoration:none;text-transform:capitalize;padding:.8em;color:#b8b7ad;font-size:1.15em;transition:color .2s}.menu-item:hover{color:#5352ed}.App{text-align:center;height:100%;width:100%;background-image:url(/images/HomePage2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}h2{margin:0;color:#fff}ul{list-style-type:none;padding:0}p{color:#fff;font-size:x-large}li{cursor:pointer;vertical-align:top}.nav{position:absolute;top:50vh;left:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:left;color:#fff;font-size:3vh}li{padding:10px}.interests{padding-top:40%}.links{position:absolute;right:10px;margin:0}.link{display:inline-block}.aboutme{position:relative;top:15%;width:50%;margin:auto}.contact{position:relative;top:30%}.wechat{top:0}.wechat_qr{position:relative;left:-15px;text-align:left;margin-top:5px}a{color:#fff}.dia_member{vertical-align:middle;margin:10px}.dia{width:200px}.asofia{width:100px}@media only screen and (max-width:480px){.nav{display:none}.links{position:absolute;right:50px;margin:0}.bm-burger-button{display:block}.aboutme{width:100%;margin:auto;text-align:center}p{font-size:large}.masonry__container{position:relative;top:50px}.dia{width:100px}.asofia{width:50px}}
/*# sourceMappingURL=main.aa4418bc.chunk.css.map */