.a{height:100vh}.a,.a-left{align-items:center;display:flex}.a-left{flex:1 1;height:100%;justify-content:center;position:relative}.a-right{-webkit-boxshadow:0 2px 9px 1px hsla(0,0%,66%,.75);-mozbox-shadow:0 2px 9px 1px hsla(0,0%,66%,.75);border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 9px 1px hsla(0,0%,66%,.75);flex:1 1;padding:5px 20px 50px}.a-card.bg{background-color:#555;left:50px;position:absolute;top:50px}.a-card{border-radius:30px;height:70vh;overflow:hidden;position:relative;width:60%}.a-img{height:100%;object-fit:cover;width:100%}.a-award-img{border-radius:20px;height:120px;width:120px}.a-title{font-weight:400}.a-sub{color:#5f9ea0;font-style:oblique;margin:20px 0}.a-desc{font-weight:300;text-align:left}.a-award{align-items:left;display:flex;flex-direction:column;margin-top:30px}.skills{align-items:center;border-radius:5px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);color:#5f9ea0;display:flex;font-style:italic;font-weight:400;justify-content:space-around;padding:15px 5px}.a-award-texts{width:70%}.a-award-title{color:#555;font-weight:700;margin-bottom:10px}@media screen and (max-width:820px){.a{flex-direction:column;margin-top:50px;text-align:center}.a-left{width:100%}.a-card{height:30vh;margin-bottom:5px}.a-card.bg{background-color:#555;left:70px;top:7px}.a-right{padding:20px}.skills{align-items:center;border-radius:5px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);color:#5f9ea0;display:flex;flex-wrap:nowrap;font-style:italic;font-weight:300;padding:15px 5px}}.c{height:100vh;position:relative}.c-bg{background-color:#2796e0;-webkit-clip-path:polygon(0 0,75% 0,5% 56%,75% 100%,0 100%);clip-path:polygon(0 0,75% 0,5% 56%,75% 100%,0 100%);height:100%;width:20%}.c-bg,.c-wrapper{position:absolute}.c-wrapper{display:flex;padding:50px}.c-left{flex:1 1;margin-left:0;margin-top:50px;padding:50px}.c-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.c-title{font-size:60px;font-style:italic;margin-left:20px}.c-info-item{align-items:center;display:flex;font-size:24px;font-style:italic;font-weight:300;margin:20px 0}.c-icon{height:30px;margin-right:20px;width:30px}.c-desc{font-weight:300;padding:10px}form{align-items:center;border-radius:7px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:center;margin-left:300px;margin-top:-20px;padding:30px 70px;width:100%}input{height:50px}input,textarea{border:none;font-size:16px;margin:10px 0;padding-left:10px}button,input,textarea{border-radius:5px;width:100%}button{background-color:#2796e0;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:40px;margin-top:10px}button:hover{background-color:green}.message{color:green;font-size:18px;font-weight:600;margin-top:20px;text-align:center}.error{color:red;font-size:12px;font-style:italic;margin-top:-8px}@media screen and (max-width:800px){.c-bg{background-color:none;-webkit-clip-path:none;clip-path:none;height:0;position:none;width:0}.c-wrapper{flex-direction:column;padding:0 50px}.c-title{font-size:32px}.c-desc{display:none}.c-left{margin-left:0;margin-top:-30px}form{align-items:center;box-shadow:0 0 15px -10px rgba(0,0,0,.75);display:flex;flex-wrap:wrap;justify-content:center;margin-left:-35px;margin-right:35px;padding:5px}input{height:40px}button,input,textarea{width:85%}button{background-color:#2796e0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:300;height:35px;margin-top:1px}button:hover{background-color:green}}.footer{margin-top:-30px}@media screen and (max-width:800px){.footer{margin-top:12px}}.t{align-items:center;background-color:#fff;border:1px solid #999;border-radius:20px;display:flex;height:25px;justify-content:space-around;left:10px;position:fixed;top:10px;width:50px;z-index:999}.t-icon{height:15px;width:15px}.t-button{background-color:#999;border-radius:50%;cursor:pointer;height:25px;position:absolute;width:25px}@media screen and (max-width:820px){.t{left:10px;top:3px}}nav{background-color:rgba(0,0,0,.9);border-radius:3px;display:flex;justify-content:space-between;margin-top:1px;padding:20px;position:relative;z-index:99}.logo{justify-content:center}.logo,.menu-list{align-items:center;display:flex}.menu-list{justify-content:space-between;list-style-type:none;text-shadow:1px 1px #d9d9d9}.menu-list li a{font-weight:600;margin-left:20px;padding:10px 15px;text-decoration:none}.menu-list li a.active,.menu-list li a:hover{background-color:#2796e0;border-radius:3px;transition:all .5s ease-in-out}.menu-icon{display:none}@media screen and (max-width:820px){.logo{font-size:15px;font-weight:300}.menu-list li a{color:#fff;font-weight:300;margin-left:10px}}.typewriter{align-items:center;display:flex;font-size:24px;font-weight:700;justify-content:center}@media screen and (max-width:820px){.menu-icon{display:block}.menu-icon i{color:#2796e0}.menu-list{background-color:#a2c8e2;flex-direction:column;padding:20px;position:absolute;right:0;top:40px;transition:all .5s ease-in-out;width:100%}.menu-list li{margin-bottom:20px;text-align:center;width:100%}.menu-list li:last-child{margin-bottom:0}.menu-list li:last-child a,.menu-list li a{display:block;margin:auto;width:20%}.fas{color:#fff;cursor:pointer}.menu-icon .fa-times{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .5s ease-in-out}.menu-icon .fa-bars{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .5s ease-in-out}.menu-list.close{right:-200vw;transition:all .5s ease-in-out}}.i{height:100vh}.i,.i-left{display:flex}.i-left{align-items:center;justify-content:center}.i-left,.i-right{flex:1 1}.i-left-wrapper{display:flex;flex-direction:column;height:80%;justify-content:space-around;padding:50px;width:20vw}.i-intro{font-size:30px;font-weight:300;margin-bottom:-30px}.i-name{font-size:40px;margin-bottom:-20px}.i-title{height:50px;overflow:hidden}.i-title-wrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}.i-desc{color:#5f9ea0;font-size:large;font-style:oblique}@-webkit-keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}.i-title-item{align-items:center;color:#2796e0;display:flex;font-size:30px;font-weight:700;height:50px}.i-scroll{bottom:20px;height:30px;width:30px}.i-img,.i-scroll{position:absolute}.i-img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:820px){.i{flex-direction:column}.i-left-wrapper{align-items:center;height:100%;justify-content:center;padding:10px;text-align:center;width:100vw}.i-title{height:50px;margin-top:40px}.i-img{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:75%}}.pl{align-items:center;display:flex;flex-direction:column;padding:50px 100px;text-align:center}.pl-texts{width:65%}.pl-title{font-size:50px;font-weight:600}.pl-desc{margin:20px 0}.pl-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media screen and (max-width:820px){.pl{padding:10px}.pl-texts{width:100%}}.p{border:2px solid #f3f2f2;border-radius:10px 10px 0 0;height:40vh;margin:20px 10px;overflow:hidden;width:30%}.p-browser{align-items:center;background-color:#a1c2e0;display:flex;height:20px;position:-webkit-sticky;position:sticky;z-index:1}.p-circle{background-color:#fff;border-radius:50%;height:6px;margin:3px;width:6px}.p-img{transition:all 10s ease;width:100%}.p:hover .p-img{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:820px){.p{height:20vh;width:40%}}.layout{align-items:center;background-color:brown;color:#fff;display:flex;font-size:32px;font-weight:700;height:100vh;justify-content:center;width:100vw}
/*# sourceMappingURL=main.d42e6f05.css.map*/