body,html{scroll-behavior:smooth}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}header{width:100%;height:100vh;position:relative}header nav{width:90%;height:100px;background-color:transparent;display:flex;justify-content:space-between;align-items:center;margin-top:50px}header nav .logo{position:relative}header nav .logo,header nav .logo .head{width:100px;height:100px;display:flex;justify-content:center;align-items:center}header nav .logo .head{background:#6455bb;border-radius:39px;transform:rotate(135deg)}header nav .logo .face{background-color:#fff;width:70px;height:70px;border-radius:27px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}header nav .logo .face .container{width:100%;display:flex;justify-content:center;align-items:center;transform:rotate(-45deg)}header nav .logo .face .eyes{position:relative;display:inline-flex;border-radius:50%;height:30px;width:30px;background:transparent;align-items:center;justify-content:center}header nav .logo .face .eyes:after{position:absolute;bottom:17px;right:10px;width:13px;height:13px;background:#6455bb;border-radius:50%;content:" "}header nav .logo_img{display:none;width:100px;height:100px}header nav .menu_mobile{display:none}header nav .menu_desktop{display:flex;font-family:Poppins,sans-serif}header nav .menu_desktop .close_btn{display:none}header nav .menu_desktop li{margin-left:20px}header nav .menu_desktop li a{color:#fff;text-decoration:none}header nav .menu_desktop li:hover a{color:#5bfda5}header nav .burger_btn{display:none}header .header{height:100%;width:100%;z-index:9998;background-color:#6455bb}header .header .header_content{position:absolute;display:flex;align-items:center;flex-direction:column;height:100%;width:100%;z-index:9998}header .header .header_content h1{color:#fff;font-family:Syne,sans-serif;font-size:80px;margin-top:12%}header .header .header_content h1 span{color:#5bfda5}header .header .header_content h2{font-size:25px}header .header .header_content h2,header .header .header_content h3{color:#fff;font-family:Poppins,sans-serif;margin-top:30px;font-weight:400}header .header .header_content h3{font-size:15px}@keyframes slidedown{0%{transform:translateX(0)}to{transform:translateX(-100px)}}header #overlay{height:100%}header #overlay,header svg{width:100%;position:absolute}header svg{bottom:0;z-index:9997}.row{margin-top:80px;height:100%}.row,.row .col{width:100%;display:flex}.row .col{justify-content:flex-start;align-items:center}.aboutme,.row .col{flex-direction:column}.aboutme{display:flex;justify-content:center;align-items:flex-start;width:90%}.aboutme p{line-height:35px;font-family:Poppins,sans-serif;font-weight:300;width:100%;font-size:13pt;margin-top:20px}.aboutme p strong{color:#6455bb}.aboutme ul{display:flex}.aboutme ul li{margin-right:20px}.button{height:50px;border-radius:300px;width:200px;background-color:#6455bb;color:#5bfda5;text-transform:uppercase;font-size:13px;display:flex;justify-content:center;align-items:center;text-decoration:none;font-family:Poppins,sans-serif;font-weight:900;margin-top:30px;text-align:center}.button:hover{background-color:#7567c2}.title{width:90%}.title h3{text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:900;letter-spacing:5px;font-size:23px}.title h3:after{content:"";width:50px;height:3px;background-color:#5bfda5;position:absolute;margin:10px 0 0 10px}.title h4{color:#d5d5d5;font-size:65px;font-family:Syne,sans-serif;text-transform:uppercase;line-height:65px;margin-top:10px}.nothing_to_show{font-family:Poppins,sans-serif;font-size:25px;width:100%;text-align:center;padding:10px 0;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:#bcbcbc;grid-column:2/-2}.home .content{margin-top:50px}.home .content,.home .content .about{width:100%;height:auto;display:flex;flex-direction:column;align-items:center}.home .content .about,.home .content .skills{margin-top:80px;margin-bottom:10%}.home .content .skills{display:flex;flex-direction:column;align-items:center;height:auto;width:100%}.home .content .skills .row{display:flex;justify-content:center;height:auto}.home .content .skills .row .navigation_items{width:90%;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;grid-auto-flow:row}.home .content .skills .row .navigation_items li{height:80px;border-radius:5px;cursor:pointer}.home .content .skills .row .navigation_items li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:3px}.home .content .skills .row .navigation_items li a i{display:none}.home .content .skills .row .navigation_items li a span{display:flex}.home .content .skills .row .navigation_items .focused{background-color:#6455bb;color:#fff}.home .content .skills .row .navigation_items .normal{background-color:#f7f7f7;color:#b7b7b7}.home .content .skills .skills_items{box-sizing:border-box;width:90%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:30px;grid-auto-flow:row}.home .content .skills .skills_items article{height:160px;border:1px solid #d5d5d5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transform:rotateY(0deg);transition:.2s ease-in-out;border-radius:5px}.home .content .skills .skills_items article h4{font-family:Poppins,sans-serif;font-size:15px;width:100%;text-align:center;padding:10px 0;font-weight:900;text-transform:uppercase;letter-spacing:3px}.home .content .skills .skills_items article img{width:70px;margin:20px 0}.home .content .works{margin-top:80px;display:flex;flex-direction:column;align-items:center;height:auto;margin-bottom:10%;width:100%}.home .content .works .row{display:flex;justify-content:center;height:auto}.home .content .works .row .navigation_items{width:90%;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;grid-auto-flow:row}.home .content .works .row .navigation_items li{height:80px;border-radius:5px;cursor:pointer}.home .content .works .row .navigation_items li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:3px}.home .content .works .row .navigation_items li a i{display:none;font-size:20px}.home .content .works .row .navigation_items li a span{display:flex}.home .content .works .row .navigation_items .focused{background-color:#6455bb;color:#fff}.home .content .works .row .navigation_items .normal{background-color:#f7f7f7;color:#b7b7b7}.home .content .works .works_items{display:flex;flex-wrap:wrap;width:90%;justify-content:space-between;align-items:center;gap:23px}.home .content .works .works_items article{width:45%;height:300px;margin-bottom:30px;font-family:Poppins,sans-serif}.home .content .works .works_items article .first{display:flex;justify-content:space-between;margin-bottom:10px}.home .content .works .works_items article .first h4{font-weight:700;color:#e2e2e2;transition:all .2s ease-in-out}.home .content .works .works_items article .first h5{font-size:12px;font-style:italic;color:#e2e2e2;transition:all .2s ease-in-out}.home .content .works .works_items article .thumbnail{height:290px;background-color:#000;border-radius:10px;position:relative;overflow:hidden}.home .content .works .works_items article .thumbnail img{width:100%;height:100%;transition:all .2s ease-in-out;border-radius:10px}.home .content .works .works_items article .thumbnail .thumbnail_body{position:absolute;color:#fff;width:95%;height:100%;display:flex;justify-content:center;transition:all .2s ease-in-out;font-weight:300;line-height:25px;font-size:14px;padding:0 20px;flex-direction:column}.home .content .works .works_items article .thumbnail .thumbnail_body p{width:100%;display:flex;word-break:break-word}.home .content .works .works_items article .thumbnail .thumbnail_body ul{display:flex;width:100%;margin-top:50px}.home .content .works .works_items article .thumbnail .thumbnail_body ul li{margin-right:30px}.home .content .works .works_items article .thumbnail .thumbnail_body ul li a{width:50px;height:50px;background-color:#ff976a;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-size:20px;text-decoration:none}.home .content .works .works_items article .thumbnail .thumbnail_body ul li a:hover{background-color:#ffa984}.home .content .works .works_items article:hover{transition:all .6s}.home .content .works .works_items article:hover .first{display:flex;justify-content:space-between;margin-bottom:10px}.home .content .works .works_items article:hover .first h4{font-weight:700;color:#000}.home .content .works .works_items article:hover .first h5{font-size:12px;font-style:italic;color:#000}.home .content .works .works_items article:hover .thumbnail{height:290px}.home .content .works .works_items article:hover .thumbnail img{width:100%;height:100%;opacity:.4}.home .content .works .works_items article:hover .thumbnail .thumbnail_body{transform:translateY(-290px)}.home .content .contactme{margin-top:80px;display:flex;flex-direction:column;align-items:center;height:auto;margin-bottom:10%;width:100%}.home .content .contactme .title{grid-row:1;grid-column:1/span 2;margin-bottom:100px;width:90%}.home .content .contactme .content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr}.home .content .contactme .content .contact_option{grid-row:2;grid-column:1;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:30px}.home .content .contactme .content .contact_option li{display:flex;align-items:center;height:100%;margin:20px 0;width:350px}.home .content .contactme .content .contact_option li .thumbnail{min-width:100px;height:100px;border-radius:50%;background-color:#5bfda5;color:#6455bb;font-size:30px;display:flex;justify-content:center;align-items:center}.home .content .contactme .content .contact_option li .content{height:100%;display:flex;justify-content:center;align-items:flex-start;margin:0;padding-left:50px;text-align:left}.home .content .contactme .content .contact_option li .content h4{font-weight:700;font-family:Poppins,sans-serif;font-size:20px}.home .content .contactme .content .contact_option li .content span{color:#bcbcbc;font-weight:300;font-family:Poppins,sans-serif;font-size:15px;margin-top:5px}.home .content .contactme .content form{width:100%;display:grid;grid-template-columns:340px 340px;grid-row:2;grid-column:2;grid-gap:30px;-moz-column-gap:70px;column-gap:70px}.home .content .contactme .content form input{max-width:340px;width:100%;height:55px;border:1px solid #e8e8e8;background-color:#fdfdfd;font-weight:300;font-size:17px;padding-left:20px;outline-color:#c8c8c8;font-family:Poppins,sans-serif;border-radius:5px}.home .content .contactme .content form input::-moz-placeholder{color:#aeaeae}.home .content .contactme .content form input::placeholder{color:#aeaeae}.home .content .contactme .content form textarea{grid-column:1/span 2;grid-row:2;height:200px;border:1px solid #e8e8e8;background-color:#fdfdfd;font-weight:300;font-size:17px;padding:20px 0 0 20px;outline-color:#c8c8c8;font-family:Poppins,sans-serif;border-radius:5px;margin-right:100px;width:100%}.home .content .contactme .content form textarea::-moz-placeholder{color:#aeaeae}.home .content .contactme .content form textarea::placeholder{color:#aeaeae}.home .content .contactme .content form .button_line{display:grid;grid-column-start:1;grid-column-end:span 2;grid-area:span;grid-template-rows:60px 130px}.home .content .contactme .content form .button_line button{display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-family:Poppins,sans-serif;border-radius:60px;border:none;height:55px;width:250px;font-weight:700;grid-row:1}.home .content .contactme .content form .button_line .submit_button{background-color:#5bfda5;color:#6455bb;outline-color:#8dfec1;transition:all .3s ease-in-out;cursor:pointer}.home .content .contactme .content form .button_line .submit_button:hover{background-color:#83fdbb}.home .content .contactme .content form .button_line .disabled_button{background-color:#5bfda5;color:#6455bb;outline-color:#8dfec1;transition:all .3s ease-in-out;cursor:not-allowed}.home .content .contactme .content form .button_line .disabled_button i{font-size:30px;margin-right:10px}.home .content .contactme .content form .button_line small{grid-column:2;font-size:15px;font-weight:700;font-family:Poppins,sans-serif;display:grid;place-self:center}.home .content .contactme .content form .button_line small:last-child{grid-row:2;grid-column:1/span 2;line-height:20px;font-size:13px}.home .content .contactme .content .message{font-size:30px;font-family:Poppins,sans-serif;display:flex;align-items:center}.home .content .contactme .content .message .icon_box{width:100px;height:100px;border-radius:50%;background-color:#bff4ad;color:#6cb556;font-size:40px;display:flex;justify-content:center;align-items:center;margin-right:30px}.home .content .contactme .content .success_message{color:#86d880}footer{width:100%;height:200px;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}footer h5{font-family:Syne,sans-serif;font-weight:900;font-size:30px;color:#6455bb;margin-bottom:30px}footer ul{margin-bottom:20px;display:flex;width:200px;justify-content:space-between;gap:20px 20px}footer ul li a{font-size:20px;text-decoration:none;width:50px;height:50px;border-radius:50%;background-color:#5bfda5;color:#6455bb;display:flex;justify-content:center;align-items:center}footer ul li a:hover{background-color:#29fc89;color:#6455bb}footer small{margin-bottom:20px;color:#6455bb;font-family:Poppins,sans-serif;font-size:11px}@media screen and (min-width:200px) and (max-width:640px){#overlay{display:none}.title{text-align:center}.title h3{font-size:17px}.title h3:after{display:none}.title h4{font-size:23px;margin-top:10px;line-height:25px}header{height:55vh}header .header .header_content{width:100%}header .header .header_content h1{font-size:45px;width:90%;text-align:center}header .header .header_content h2{font-size:20px}header .header .header_content h3{font-size:15px}header nav .logo{display:none}header nav .logo_img{display:flex}header nav .menu_desktop{display:none}header nav .menu_mobile{font-family:Poppins,sans-serif;width:90%;height:500px;background-color:#ff976a;border-radius:30px;position:absolute;top:20px;z-index:9999;display:flex;flex-direction:column;justify-content:center}header nav .menu_mobile .close_btn{display:flex;top:0;left:37%;position:absolute;color:#fff;width:50px;height:50px;font-size:40px;justify-content:center;align-items:center}header nav .menu_mobile li{margin:20px 0 20px 20px}header nav .menu_mobile li a{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:5px;text-decoration:none}header nav .burger_btn{width:50px;height:50px;background-color:#8579ca;display:flex;color:#fff;font-size:20px;margin-right:10px;border-radius:50%;justify-content:center;align-items:center}.home .content .about{margin:0}.home .content .about .row{margin-top:10px}.home .content .about .row .col .aboutme p{font-size:13px}.home .content .about .row .col .aboutme ul{width:100%;align-items:center;display:flex;flex-direction:column}.home .content .about .row .col .aboutme ul li{margin:0}.home .content .skills .row .navigation_items li a i{display:flex}.home .content .skills .row .navigation_items li a span{display:none}.home .content .skills .skills_items{grid-template-columns:1fr 1fr}.home .content .works .row .navigation_items li a i{display:flex}.home .content .works .row .navigation_items li a span{display:none}.home .content .works .works_items{display:flex;flex-direction:column;height:auto;padding:20px 0}.home .content .works .works_items article{width:95%;height:250px;margin-bottom:70px}.home .content .works .works_items article .thumbnail img{-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.home .content .contactme{display:flex;flex-direction:column}.home .content .contactme .title{margin:0}.home .content .contactme .content{display:flex;flex-direction:column;margin:0}.home .content .contactme .content form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:20px}.home .content .contactme .content form input,.home .content .contactme .content form textarea{margin:0;width:80%}.home .content .contactme .content form .button_line{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;margin:0}.home .content .contactme .content form .button_line small{margin-top:20px}.home footer{height:280px}.home footer,.home footer h5{display:flex;justify-content:center;align-items:center}.home footer h5{font-size:25px;text-align:center}}