.contact{background-color:#fff;display:flex}@media (max-width:1366px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}@media (max-width:1366px){.contact .left{margin-left:11%}}.contact .left img{height:100%;border-radius:50%}.contact .right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .right h2{font-size:30px}.contact .right form{width:70%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form input{width:300px;height:30px;font-size:14px;border-radius:10px}@media (max-width:1366px){.contact .right form input{width:200px;height:20px}}.contact .right form textarea{width:300px;height:200px;font-size:14px;border-radius:10px}@media (max-width:1366px){.contact .right form textarea{width:200px;height:100px}}.contact .right form button{width:150px;height:30px;color:#fff;background-color:#65bcdf;border:none;border-radius:10px;font-weight:500px;cursor:pointer}.contact .right form button:focus{outline:none}.contact .right form span{color:green}@media (max-width:1366px){.contact .right form span{flex-wrap:wrap;font-size:13px}}.intro{background-color:#fff;display:flex}@media (max-width:1366px){.intro{flex-direction:column;align-items:center}}.intro .left{flex:.5 1;overflow:hidden}.intro .left .imgContainer{width:700px;height:700px;border-radius:50%;display:flex;align-items:flex;justify-content:center}@media (max-width:1366px){.intro .left .imgContainer img{height:50%}}.intro .right{flex:.5 1;position:relative}.intro .right .wrapper{width:100%;height:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}@media (max-width:1366px){.intro .right .wrapper{padding-left:0;align-items:center}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width:1366px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper .about{margin-top:55px;font-weight:300;font-size:20px}@media (max-width:1366px){.intro .right .wrapper .about{font-size:15px;align-items:center;margin-top:10px;margin-bottom:70px}}.intro .right .wrapper h3{font-size:30px}@media (max-width:1366px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{font-size:inherit;color:#87cefa}.intro .right .wrapper h3 .ityped-cursor{-webkit-animation:blink 1.5s infinite;animation:blink 1.5s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right a{position:absolute;bottom:10px;vertical-align:middle;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#000;left:25%}@media (max-width:1366px){.intro .right a{left:40%}}.intro .right a img{width:90px}.intro .right a li{list-style:none}.portfolio{background-color:#fff;display:flex;flex-direction:column;align-items:center}.portfolio h1{font-size:50px;overflow:hidden}@media (max-width:1366px){.portfolio h1{font-size:20px}}.portfolio ul{margin:10px;padding:0;list-style:none;display:flex;overflow:hidden}@media (max-width:1366px){.portfolio ul{flex-wrap:wrap;justify-content:center}}.portfolio ul li{font-size:14px;margin-right:50px;padding:7px;border-radius:10px;cursor:pointer;overflow:hidden}@media (max-width:1366px){.portfolio ul li{font-size:10px;padding:3px}}.portfolio ul li.active{background-color:#65bcdf;color:#fff}.portfolio .squareplay{width:70%;height:70%;display:flex;flex-direction:row;padding:30px;color:#fff;align-content:center;position:relative;overflow:visible}@media (max-width:1366px){.portfolio .squareplay{width:100%;padding:10px;margin-bottom:60px}}.portfolio .squareplay .box{background-color:#fac0a8;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .squareplay .box{width:80%;margin-left:10%}}.portfolio .squareplay .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .squareplay .box h2{font-size:17px}}.portfolio .squareplay .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .squareplay .box p{font-size:10px}}.portfolio .squareplay .box hr{margin-left:20px;margin-right:20px}.portfolio .squareplay .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .squareplay .box h3.published{font-size:13px}}.portfolio .squareplay .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .squareplay .box h3.role{font-size:13px}}.portfolio .squareplay .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .squareplay .box h3.tech{font-size:13px}}.portfolio .squareplay .box h3.tech span{color:#a6586e}.portfolio .squareplay .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .squareplay .box h3.skills{font-size:13px}}.portfolio .squareplay .box h3.skills span{color:#a6586e}.portfolio .squareplay .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .squareplay .imageSpace{display:none}}.portfolio .squareplay .imageSpace img{width:auto;height:auto;top:0;border-radius:20px}.portfolio .squareplay .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .squareplay .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .squareplay .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .squareplay .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .squareplay .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .squareplay .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .onetrust{width:70%;height:70%;display:flex;flex-direction:row;padding:15px;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:10px}@media (max-width:1366px){.portfolio .onetrust{width:100%;padding:10px;margin-bottom:60px}}.portfolio .onetrust .box{background-color:#2c971d;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .onetrust .box{width:80%;margin-left:10%}}.portfolio .onetrust .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal;display:inline-block}@media (max-width:1366px){.portfolio .onetrust .box h2{font-size:17px}}.portfolio .onetrust .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 10px;display:inline-block}@media (max-width:1366px){.portfolio .onetrust .box p{font-size:10px;margin-bottom:10px}}.portfolio .onetrust .box hr{margin-left:20px;margin-right:20px}.portfolio .onetrust .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .onetrust .box h3.published{font-size:13px}}.portfolio .onetrust .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .onetrust .box h3.role{font-size:13px}}.portfolio .onetrust .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px;display:inline-block}@media (max-width:1366px){.portfolio .onetrust .box h3.tech{font-size:13px;margin-top:5px;margin-bottom:0}}.portfolio .onetrust .box h3.tech span{color:#9ac791}.portfolio .onetrust .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:15px;display:inline-block}@media (max-width:1366px){.portfolio .onetrust .box h3.skills{font-size:13px;margin-top:5px;margin-bottom:10px}}.portfolio .onetrust .box h3.skills span{color:#9ac791}.portfolio .onetrust .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .onetrust .imageSpace{display:none}}.portfolio .onetrust .imageSpace img{width:auto;height:auto;top:0;border-radius:40px}.portfolio .onetrust .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .onetrust .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .onetrust .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .onetrust .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .onetrust .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .onetrust .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .jpm{width:70%;height:70%;display:flex;flex-direction:row;padding:15px;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:10px}@media (max-width:1366px){.portfolio .jpm{width:100%;padding:10px;margin-bottom:60px}}.portfolio .jpm .box{background-color:#656263;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .jpm .box{width:80%;margin-left:10%}}.portfolio .jpm .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal;display:inline-block}@media (max-width:1366px){.portfolio .jpm .box h2{font-size:17px}}.portfolio .jpm .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 10px;display:inline-block}@media (max-width:1366px){.portfolio .jpm .box p{font-size:10px;margin-bottom:10px}}.portfolio .jpm .box hr{margin-left:20px;margin-right:20px}.portfolio .jpm .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .jpm .box h3.published{font-size:13px}}.portfolio .jpm .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .jpm .box h3.role{font-size:13px}}.portfolio .jpm .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px;display:inline-block}@media (max-width:1366px){.portfolio .jpm .box h3.tech{font-size:13px;margin-top:5px;margin-bottom:0}}.portfolio .jpm .box h3.tech span{color:#231f20}.portfolio .jpm .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:15px;display:inline-block}@media (max-width:1366px){.portfolio .jpm .box h3.skills{font-size:13px;margin-top:5px;margin-bottom:10px}}.portfolio .jpm .box h3.skills span{color:#231f20}.portfolio .jpm .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .jpm .imageSpace{display:none}}.portfolio .jpm .imageSpace img{width:auto;height:auto;top:0;border-radius:40px}.portfolio .jpm .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .jpm .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .jpm .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .jpm .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .jpm .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .jpm .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .twitter{width:70%;height:70%;display:flex;flex-direction:row;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:30px}@media (max-width:1366px){.portfolio .twitter{width:100%;padding:10px;margin-bottom:60px}}.portfolio .twitter .box{background-color:#65bcdf;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .twitter .box{width:80%;margin-left:10%}}.portfolio .twitter .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .twitter .box h2{font-size:17px}}.portfolio .twitter .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .twitter .box p{font-size:10px}}.portfolio .twitter .box hr{margin-left:20px;margin-right:20px}.portfolio .twitter .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .twitter .box h3.published{font-size:13px}}.portfolio .twitter .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .twitter .box h3.role{font-size:13px}}.portfolio .twitter .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .twitter .box h3.tech{font-size:13px}}.portfolio .twitter .box h3.tech span{color:#d3d3d3}.portfolio .twitter .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .twitter .box h3.skills{font-size:13px}}.portfolio .twitter .box h3.skills span{color:#d3d3d3}.portfolio .twitter .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .twitter .imageSpace{display:none}}.portfolio .twitter .imageSpace img{width:auto;height:auto;top:0;border-radius:50px}.portfolio .twitter .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .twitter .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .twitter .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .twitter .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .twitter .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .twitter .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .mnl{width:70%;height:70%;display:flex;flex-direction:row;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:30px}@media (max-width:1366px){.portfolio .mnl{width:100%;padding:10px;margin-bottom:60px}}.portfolio .mnl .box{background-color:#ffbe0d;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .mnl .box{width:80%;margin-left:10%}}.portfolio .mnl .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .mnl .box h2{font-size:17px}}.portfolio .mnl .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .mnl .box p{font-size:10px}}.portfolio .mnl .box hr{margin-left:20px;margin-right:20px}.portfolio .mnl .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .mnl .box h3.published{font-size:13px}}.portfolio .mnl .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .mnl .box h3.role{font-size:13px}}.portfolio .mnl .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .mnl .box h3.tech{font-size:13px}}.portfolio .mnl .box h3.tech span{color:#008dd0}.portfolio .mnl .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .mnl .box h3.skills{font-size:13px}}.portfolio .mnl .box h3.skills span{color:#008dd0}.portfolio .mnl .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .mnl .imageSpace{display:none}}.portfolio .mnl .imageSpace img{width:auto;height:auto;top:0;border-radius:20px}.portfolio .mnl .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .mnl .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .mnl .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .mnl .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .mnl .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .mnl .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .cslib{width:70%;height:70%;display:flex;flex-direction:row;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:30px}@media (max-width:1366px){.portfolio .cslib{width:100%;padding:10px;margin-bottom:60px}}.portfolio .cslib .box{background-color:#5aa4f8;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .cslib .box{width:80%;margin-left:10%}}.portfolio .cslib .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .cslib .box h2{font-size:17px}}.portfolio .cslib .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .cslib .box p{font-size:10px}}.portfolio .cslib .box hr{margin-left:20px;margin-right:20px}.portfolio .cslib .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .cslib .box h3.published{font-size:13px}}.portfolio .cslib .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .cslib .box h3.role{font-size:13px}}.portfolio .cslib .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .cslib .box h3.tech{font-size:13px}}.portfolio .cslib .box h3.tech span{color:#f5f5f5}.portfolio .cslib .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .cslib .box h3.skills{font-size:13px}}.portfolio .cslib .box h3.skills span{color:#f5f5f5}.portfolio .cslib .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .cslib .imageSpace{display:none}}.portfolio .cslib .imageSpace img{width:auto;height:auto;top:0;border-radius:20px}.portfolio .cslib .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .cslib .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .cslib .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .cslib .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .cslib .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .cslib .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .mit{width:70%;height:70%;display:flex;flex-direction:row;color:#fff;align-content:center;position:relative;overflow:visible;margin-bottom:30px}@media (max-width:1366px){.portfolio .mit{width:100%;padding:10px;margin-bottom:60px}}.portfolio .mit .box{background-color:#933;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .mit .box{width:80%;margin-left:10%}}.portfolio .mit .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .mit .box h2{font-size:17px}}.portfolio .mit .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .mit .box p{font-size:10px}}.portfolio .mit .box hr{margin-left:20px;margin-right:20px}.portfolio .mit .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .mit .box h3.published{font-size:13px}}.portfolio .mit .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .mit .box h3.role{font-size:13px}}.portfolio .mit .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .mit .box h3.tech{font-size:13px}}.portfolio .mit .box h3.tech span{color:#bbb}.portfolio .mit .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .mit .box h3.skills{font-size:13px}}.portfolio .mit .box h3.skills span{color:#bbb}.portfolio .mit .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .mit .imageSpace{display:none}}.portfolio .mit .imageSpace img{width:auto;height:auto;top:0;border-radius:20px}.portfolio .mit .imageSpace .link{position:absolute;top:32%;left:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .mit .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .mit .imageSpace .link .link{position:absolute;top:23%;left:61%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .mit .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .mit .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .mit .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .anagrams{width:70%;height:70%;display:flex;flex-direction:row;padding:30px;color:#fff;align-content:center;position:relative;overflow:visible}@media (max-width:1366px){.portfolio .anagrams{width:100%;padding:10px;margin-bottom:60px}}.portfolio .anagrams .box{background-color:#ebbc72;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:60%;top:0;border-radius:40px;max-width:700px;display:inline-block;overflow:visible}@media (max-width:1366px){.portfolio .anagrams .box{width:80%;margin-left:10%}}.portfolio .anagrams .box h2{margin-top:25px;margin-left:25px;overflow-wrap:normal}@media (max-width:1366px){.portfolio .anagrams .box h2{font-size:17px}}.portfolio .anagrams .box p{font-size:17px;text-indent:40px;overflow-wrap:normal;margin:5px 25px 20px}@media (max-width:1366px){.portfolio .anagrams .box p{font-size:10px}}.portfolio .anagrams .box hr{margin-left:20px;margin-right:20px}.portfolio .anagrams .box h3.published{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .anagrams .box h3.published{font-size:13px}}.portfolio .anagrams .box h3.role{margin-top:5px;margin-left:25px}@media (max-width:1366px){.portfolio .anagrams .box h3.role{font-size:13px}}.portfolio .anagrams .box h3.tech{color:#f5f5f5;bottom:0;margin-bottom:5px;margin-left:30px;margin-top:15px}@media (max-width:1366px){.portfolio .anagrams .box h3.tech{font-size:13px}}.portfolio .anagrams .box h3.tech span{color:#055a8c}.portfolio .anagrams .box h3.skills{color:#f5f5f5;bottom:0;margin-left:30px;margin-bottom:25px}@media (max-width:1366px){.portfolio .anagrams .box h3.skills{font-size:13px}}.portfolio .anagrams .box h3.skills span{color:#055a8c}.portfolio .anagrams .imageSpace{right:0;height:360px;width:360px;top:0;margin-left:10px;position:relative;overflow:hidden}@media (max-width:1366px){.portfolio .anagrams .imageSpace{display:none}}.portfolio .anagrams .imageSpace img{width:auto;height:auto;top:0;border-radius:20px}.portfolio .anagrams .imageSpace .link{position:absolute;top:32%;left:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .anagrams .imageSpace .link img{width:auto;height:auto;opacity:0;overflow:hidden}.portfolio .anagrams .imageSpace .link .link{position:absolute;top:23%;left:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portfolio .anagrams .imageSpace .link .link img{width:auto;height:auto;opacity:1;overflow:hidden}.portfolio .anagrams .imageSpace:hover img{opacity:.7;z-index:1}.portfolio .anagrams .imageSpace:hover .link{opacity:1;z-index:2}.portfolio .skills{overflow:hidden}.portfolio .skills a{bottom:10px;vertical-align:middle;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#000;left:25%;overflow:hidden}.portfolio .skills a img{width:90px;overflow:hidden}.portfolio .skills a li{list-style:none;overflow:hidden}.playdiv{width:100%;height:100%;background-color:#fff;text-align:center;position:relative}.playdiv .gamebox{width:70%;height:70%;border-style:solid;border-color:#000;align-items:center;display:inline-block;margin-top:25px;-webkit-animation-duration:1s;animation-duration:1s;overflow:visible;position:relative;background-color:#0078f9;color:#fff;border-radius:12px}@media (max-width:1366px){.playdiv .gamebox{width:95%;height:70%}}.playdiv .gamebox .instructions{margin-top:40px;bottom:0;display:inline-block}@media (max-width:1366px){.playdiv .gamebox .instructions{margin-top:40px}}.playdiv .gamebox .instructions h2{text-align:left;font-size:25px}@media (max-width:1366px){.playdiv .gamebox .instructions h2{font-size:20px}}.playdiv .gamebox .instructions h3{margin-left:20px;text-align:center;font-size:20px;margin-right:20px}@media (max-width:1366px){.playdiv .gamebox .instructions h3{font-size:15px}}.playdiv .gamebox .scoreTimer .score{float:left;margin-left:60px}@media (max-width:1366px){.playdiv .gamebox .scoreTimer .score{margin-left:20px}}.playdiv .gamebox .scoreTimer .timer{float:right;margin-right:60px}@media (max-width:1366px){.playdiv .gamebox .scoreTimer .timer{margin-right:20px}}@-webkit-keyframes wrong{0%{color:#000}50%{color:red}to{color:#000}}@keyframes wrong{0%{color:#000}50%{color:red}to{color:#000}}@-webkit-keyframes correct{0%{background-color:#fff}50%{background-color:green}to{background-color:#fff}}@keyframes correct{0%{background-color:#fff}50%{background-color:green}to{background-color:#fff}}.playdiv .gamebox .submitBlocks{margin-top:50px;margin-left:50px;margin-right:50px;align-items:center;display:inline-block}@media (max-width:1366px){.playdiv .gamebox .submitBlocks{margin-left:5px;margin-right:5px;overflow:visible}}.playdiv .gamebox .submitBlocks .submit{height:70px;width:70px;border-style:solid;float:left;background-color:#ebbc72;border-radius:10px;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;margin-left:12px;margin-right:12px;cursor:pointer;overflow:visible;color:#fff}@media (max-width:1366px){.playdiv .gamebox .submitBlocks .submit{margin-left:3px;margin-right:3px;height:30px;width:30px}}.playdiv .gamebox .submitBlocks .Btn{float:left;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;overflow:visible;border-radius:5px}@media (max-width:1366px){.playdiv .gamebox .submitBlocks .Btn{width:45px}}.playdiv .gamebox .playBlocks{margin-top:50px;margin-left:50px;margin-right:50px;align-items:center;display:inline-block;overflow:visible}.playdiv .gamebox .playBlocks .play{height:70px;width:70px;border-style:solid;float:left;background-color:#ebbc72;border-radius:10px;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;margin-left:12px;margin-right:12px;cursor:pointer;overflow:visible;color:#fff}@media (max-width:1366px){.playdiv .gamebox .playBlocks .play{margin-left:3px;margin-right:3px;height:30px;width:30px}}.playdiv .gamebox .copyright{position:absolute;bottom:0;right:0;float:right}.playdiv .gamebox .copyright .created{float:right;display:inline;margin-right:5px;vertical-align:middle;align-items:center}.playdiv .gamebox .copyright .created .git{display:inline;vertical-align:bottom;margin-right:3px}.playdiv .gamebox .copyright .created a{font-size:inherit;color:inherit;text-decoration:none}.playdiv .contact{overflow:hidden;position:absolute;bottom:0;left:48%}@media (max-width:1366px){.playdiv .contact{left:44%}}.playdiv .contact a{bottom:0;vertical-align:middle;justify-content:center;text-decoration:none;color:#000;left:25%;overflow:visible;margin-top:11px;align-items:center;display:inline-block}.playdiv .contact a img{width:90px;overflow:hidden}.playdiv .contact a li{list-style:none;overflow:hidden}.topbar{width:100%;height:70px;background-color:#fff;color:#65bcdf;position:fixed;top:0;z-index:3;transition:all 1s ease}.topbar .wrapper{padding:10px 30px;justify-content:space-between}.topbar .left,.topbar .wrapper{display:flex;align-items:center}.topbar .left .logo,.topbar .left a{text-decoration:none;color:inherit}.topbar .left .logo{font-size:40px;font-weight:700;margin-right:40px}@media (max-width:1366px){.topbar .left .logo{font-size:30px}}.topbar .left .itemContainer{display:flex;align-items:center;margin-left:30px}@media (max-width:1366px){.topbar .left .itemContainer{display:none}}.topbar .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .left .itemContainer span{font-size:15px;font-weight:700px}.topbar .right{overflow:hidden}.topbar .right .hamburger{width:32px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:3;overflow:hidden}.topbar .right .hamburger span{width:64px;height:3px;background-color:#65bcdf;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;overflow:hidden}.topbar.active{background-color:#65bcdf;color:#fff;overflow:hidden}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);overflow:hidden}.topbar.active .hamburger span:nth-child(2){opacity:0;overflow:hidden}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.skillMain{width:100%;height:100%;text-align:center;display:table-cell;background-color:#fff}.skillMain h1{color:#000;margin-top:5px;overflow:hidden}.skillMain .container{display:inline-block;background-color:#a1aba5;vertical-align:middle;width:70%;height:80%;margin-top:10px;border-radius:20px;overflow:visible}@media (max-width:1366px){.skillMain .container{width:95%}.skillMain .container h2{font-size:17px}}.skillMain .container .left{width:40%;float:left;padding:20px;border-radius:20px;background-color:#98c5d4;margin-left:50px;margin-top:5px;overflow:visible;color:#676b6a}.skillMain .container .left li{overflow:hidden}.skillMain .container .left h3{margin-top:20px}@media (max-width:1366px){.skillMain .container .left{margin-left:5px;width:35%}}.skillMain .container .left h3{margin-top:10px;text-align:left;font-size:20px;color:#676b6a}@media (max-width:1366px){.skillMain .container .left h3{font-size:12px}}.skillMain .container .left h3 .icon{display:inline;vertical-align:bottom;color:#676b6a}@media (max-width:1366px){.skillMain .container .left h3 .icon{font-size:12px}}.skillMain .container .right{width:40%;float:right;padding:20px;background-color:#98c5d4;border-radius:20px;margin-right:50px;margin-top:10px;overflow:hidden;color:#676b6a}.skillMain .container .right li{overflow:hidden}@media (max-width:1366px){.skillMain .container .right{margin-right:5px;width:35%}}.skillMain .container .right h3{margin-top:12px;text-align:left;font-size:20px;color:#676b6a}@media (max-width:1366px){.skillMain .container .right h3{font-size:12px}}.skillMain .container .right h3 .icon{display:inline;vertical-align:bottom;overflow:hidden;color:#676b6a}@media (max-width:1366px){.skillMain .container .right h3 .icon{font-size:12px}}.skillMain .play{overflow:hidden}.skillMain .play a{bottom:0;vertical-align:middle;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#000;left:25%;overflow:hidden;margin-top:11px}@media (max-width:1366px){.skillMain .play a{margin-top:3px}}.skillMain .play a img{width:90px;overflow:hidden}.skillMain .play a li{list-style:none;overflow:hidden}.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 70px);background-color:#ffa07a;position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.menu{width:300px;height:100vh;background-color:#65bcdf;position:fixed;top:0;right:-300px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;color:#fff;font-weight:300;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}
/*# sourceMappingURL=main.47afa011.chunk.css.map */