/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.-left-\[10px\]{left:-10px}.left-\[10px\]{left:10px}.left-\[-10px\]{left:-10px}.top-\[110\%\]{top:110%}.left-0{left:0}.right-2{right:.5rem}.top-2{top:.5rem}.right-\[110\%\]{right:110%}.bottom-\[-20\%\]{bottom:-20%}.my-\[30px\]{margin-bottom:30px;margin-top:30px}.mx-auto{margin-left:auto;margin-right:auto}.my-\[50px\]{margin-bottom:50px;margin-top:50px}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.flex{display:flex}.hidden{display:none}.h-\[25px\]{height:25px}.h-\[15px\]{height:15px}.h-\[30px\]{height:30px}.h-\[100\%\]{height:100%}.h-\[40px\]{height:40px}.h-full{height:100%}.h-\[200px\]{height:200px}.min-h-\[100vh\]{min-height:100vh}.min-h-\[80vh\]{min-height:80vh}.w-\[60px\]{width:60px}.w-\[25px\]{width:25px}.w-\[fit-content\]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-\[15px\]{width:15px}.w-full{width:100%}.w-\[30px\]{width:30px}.w-\[100\%\]{width:100%}.w-\[75\%\]{width:75%}.w-\[60\%\]{width:60%}.w-\[55\%\]{width:55%}.w-\[40px\]{width:40px}.w-\[max-content\]{width:-webkit-max-content;width:max-content}.max-w-\[100px\]{max-width:100px}.flex-1{flex:1 1}.flex-grow{flex-grow:1}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-2{gap:.5rem}.gap-\[30px\]{gap:30px}.gap-\[35px\]{gap:35px}.gap-y-\[25px\]{row-gap:25px}.gap-y-\[40px\]{row-gap:40px}.gap-y-\[20px\]{row-gap:20px}.gap-x-\[30px\]{-webkit-column-gap:30px;column-gap:30px}.gap-x-4{-webkit-column-gap:1rem;column-gap:1rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[2px\]{border-radius:2px}.rounded-\[30px\]{border-radius:30px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[5px\]{border-radius:5px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-4{border-bottom-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-dotted{border-style:dotted}.bg-\[\#e12828\]{--tw-bg-opacity:1;background-color:rgb(225 40 40/var(--tw-bg-opacity))}.bg-\[\#00b22d\]{--tw-bg-opacity:1;background-color:rgb(0 178 45/var(--tw-bg-opacity))}.bg-\[\#009bff\]{--tw-bg-opacity:1;background-color:rgb(0 155 255/var(--tw-bg-opacity))}.bg-\[\#fc6d26\]{--tw-bg-opacity:1;background-color:rgb(252 109 38/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-\[\#eee\]{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-\[\#4c6c8921\]{background-color:#4c6c8921}.bg-\[\#ffffff99\]{background-color:#ffffff99}.bg-\[\#eceff16b\]{background-color:#eceff16b}.bg-\[\#ccc\]{--tw-bg-opacity:1;background-color:rgb(204 204 204/var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-\[30px\]{padding:30px}.p-\[25px\]{padding:25px}.px-\[15px\]{padding-left:15px;padding-right:15px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-\[35px\]{padding-left:35px;padding-right:35px}.py-\[35px\]{padding-bottom:35px;padding-top:35px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[25px\]{padding-left:25px;padding-right:25px}.px-2{padding-right:.5rem}.pl-2,.px-2{padding-left:.5rem}.pr-4{padding-right:1rem}.pl-4{padding-left:1rem}.pl-\[25px\]{padding-left:25px}.text-center{text-align:center}.text-start{text-align:start}.text-\[35px\]{font-size:35px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}.text-\[12px\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[20px\]{font-size:20px}.font-\[700\],.font-bold{font-weight:700}.font-\[600\]{font-weight:600}.leading-8{line-height:2rem}.leading-\[1\.2\]{line-height:1.2}.text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-\[\#555\]{--tw-text-opacity:1;color:rgb(85 85 85/var(--tw-text-opacity))}.text-\[\#051736\]{--tw-text-opacity:1;color:rgb(5 23 54/var(--tw-text-opacity))}.text-\[\#1877f2\]{--tw-text-opacity:1;color:rgb(24 119 242/var(--tw-text-opacity))}.text-\[\#333\]{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.text-\[\#0a66c2\]{--tw-text-opacity:1;color:rgb(10 102 194/var(--tw-text-opacity))}.text-\[\#1da1f2\]{--tw-text-opacity:1;color:rgb(29 161 242/var(--tw-text-opacity))}.text-\[\#213b53\]{--tw-text-opacity:1;color:rgb(33 59 83/var(--tw-text-opacity))}.text-\[\#253e55\]{--tw-text-opacity:1;color:rgb(37 62 85/var(--tw-text-opacity))}.opacity-\[0\]{opacity:0}.opacity-\[1\]{opacity:1}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[0\.3s\]{transition-duration:.15s;transition-property:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[0\.5s\]{transition-duration:.15s;transition-property:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-\[\#fff\]::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder\:text-\[\#fff\]::placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder\:opacity-\[0\.5\]::-webkit-input-placeholder{opacity:.5}.placeholder\:opacity-\[0\.5\]::placeholder{opacity:.5}.hover\:rounded-\[50\%\]:hover{border-radius:50%}.hover\:bg-\[\#eee\]:hover{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.hover\:bg-\[\#ffffff99\]:hover{background-color:#ffffff99}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-\[\#213b53\]:focus{--tw-border-opacity:1;border-color:rgb(33 59 83/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-0:focus{outline-width:0}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:block{display:block}.md\:w-\[170px\]{width:170px}.md\:w-\[50\%\]{width:50%}.md\:w-\[45\%\]{width:45%}.md\:w-\[48\%\]{width:48%}.md\:w-\[30\%\]{width:30%}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-stretch{align-items:stretch}.md\:gap-3{gap:.75rem}.md\:rounded-\[10px\]{border-radius:10px}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-\[1\.875rem\]{padding-left:1.875rem;padding-right:1.875rem}.md\:text-start{text-align:start}}.glass-effect{-moz-background-filter:blur(20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),#eceff1);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}*{font-family:Signika,sans-serif;font-family:var(--fontFamily,"Signika",sans-serif);font-size:16px;font-size:var(--fontSizeChanged,16px)}.btn-submit{box-shadow:inset 1px -1px 2px #456777;box-shadow:1px -1px 2px var(--changed-color,#456777) inset;color:#fff;cursor:pointer;height:46px;line-height:30px;overflow:hidden;position:relative}.btn-submit:hover{color:#456777;color:var(--changed-color,#456777)}.btn-submit:before{background-color:#4db6ac;background-color:var(--changed-color,#4db6ac);border-radius:100%;content:"";height:600px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s;width:600px;z-index:-1}.btn-submit:hover:before{height:0;opacity:0;width:0}a[download]{box-shadow:inset 0 1px 2px #456777;box-shadow:0 1px 2px var(--changed-color,#456777) inset;color:#456777;color:var(--changed-color,#456777);overflow:hidden}a[download]:hover{color:#fff}a[download] svg{background-color:#4db6ac;background-color:var(--changed-color,#4db6ac);color:#fff;transition:.3s}a[download]:hover svg{background-color:#fff;box-shadow:0 0 1px 500px #4db6ac;box-shadow:0 0 1px 500px var(--changed-color,#4db6ac);color:#456777;color:var(--changed-color,#456777)}.name-owner{color:#009688;color:var(--changed-color,#009688)}.container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.txtTol{opacity:0;text-transform:capitalize;transition:.3s}a.btn-git:hover .txtTol{color:#4c6c89;color:var(--changed-color,#4c6c89);opacity:1}.proj:hover .content-proj{background-color:#4c6c89;background-color:var(--light-green-bg,#4c6c89);bottom:0;opacity:1}.proj:hover .content-proj span{color:#fff;color:var(--changed-color,#fff)}.proj:hover .content-proj p{color:#b2dfdb;color:var(--light-text-color,#b2dfdb)}.text-head{-webkit-text-stroke:1px #4c6c89;-webkit-text-stroke:1px var(--changed-color,#4c6c89);-webkit-text-fill-color:transparent;letter-spacing:2px;overflow:hidden;position:relative;text-transform:uppercase;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.text-head:before{-webkit-text-stroke:0;-webkit-text-fill-color:#396690;-webkit-text-fill-color:var(--changed-color,#396690);content:"ALL WORKS";left:0;position:absolute;-webkit-transform:scale(.95);transform:scale(.95);transition:.3s;z-index:-1}.text-head:hover:before{-webkit-transform:scale(1);transform:scale(1)}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.card{background:#dbeede1f;color:#80cbc4;color:var(--changed-light-color,#80cbc4);position:relative;transition:.3s}.card span:first-of-type{color:#26a69a;color:var(--changed-color,#26a69a)}.card:before{border:1px;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;transition:.3s;width:100%}.card:hover:before{border:1px solid #233b5133;border:1px solid var(--changed-light-color,#233b5133)}.card:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.disc-about{color:#777;color:var(--light-text-color,#777)}.skills{position:relative}.skills:after,.skills:before{content:"";inset:0;margin:auto;position:absolute}.skills:before{background-color:#0000009f;z-index:-1}.skills:after{background-attachment:fixed;background-image:url(https://cdn.pixabay.com/photo/2018/03/17/10/49/bulletin-board-3233641_960_720.jpg);background-position:center 100px;background-repeat:no-repeat;background-size:cover;z-index:-2}.skill svg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),#cfd8dc);border:1px solid hsla(0,0%,100%,.18);border-radius:5px;box-shadow:0 4px 15px 0 rgba(14,10,10,.1);height:50px;padding:5px;width:50px}.skill.htl{color:#f4893d}.skill.htl div span{background:#f4893d}.skill.css{color:#1f87ff}.skill.css div span{background:#1f87ff}.skill.js{color:#e5ff1f}.skill.js div span{background:#c9da4a}.skill.boot{color:#ff571f}.skill.boot div span{background:#ff571f}.skill.react{color:#0084ff}.skill.react div span{background:#0084ff}.skill.sas{color:#ff002f}.skill.sas div span{background:#ff002f}ul#sitting{background-color:#009688af;background-color:var(--changed-light-color,#009688af)}.navBar{background-color:#253f56;background-color:var(--changed-color,#253f56)}ul.nav-bar li a{align-items:center;display:flex;padding:8px;position:relative;transition:.3s;z-index:10}ul.nav-bar li:not(:last-of-type) a:before{background-color:#009688;background-color:var(--white-color,#009688);content:"";height:0;position:absolute;right:-8px;transition:.3s;width:4px;z-index:-1}@media (min-width:768px){ul.nav-bar li:not(:last-of-type) a:before{right:-24px}}ul.nav-bar li:last-of-type a svg{transition-duration:.5s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}ul.nav-bar li:last-of-type.clicked{color:#4db6ac;color:var(--white-color,#4db6ac)}ul.nav-bar li:last-of-type.clicked a svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}ul.nav-bar li:not(:last-of-type) a.active:before,ul.nav-bar li:not(:last-of-type) a:hover:before,ul.nav-bar li:not(:last-of-type).active a:before{height:80%}ul.nav-bar li:not(:last-of-type) a:hover,ul.nav-bar li:not(:last-of-type).active{color:#4db6ac;color:var(--white-color,#4db6ac)}ul.nav-bar li,ul.nav-bar li>*,ul.social-media li{transition:.3s}ul.social-media li:hover{background-color:initial;-webkit-transform:translateY(-5px);transform:translateY(-5px)}ul.social-media li.facebook:hover{box-shadow:inset 0 0 2px 0 #1877f2}ul.social-media li.twitter:hover{box-shadow:inset 0 0 2px 0 #1da1f2}ul.social-media li.github:hover{box-shadow:inset 0 0 2px 0 #333}ul.social-media li.linkedin:hover{box-shadow:inset 0 0 2px 0 #0a66c2}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#88888899;border-radius:5px}::-webkit-scrollbar-track{background-color:#aaaaaa55}.head-section{color:#4c6c89;color:var(--changed-color,#4c6c89);font-size:70px;font-weight:700;margin-left:auto;margin-right:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.head-section:before{background:linear-gradient(90deg,#f5f5f5,#213b53);background:linear-gradient(to right,#f5f5f5,var(--changed-color,#213b53));bottom:10px;content:"";height:5px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;width:40%}.head-section:hover:before{animation:ranning .5s infinite alternate-reverse}@-webkit-keyframes ranning{0%,to{background:linear-gradient(90deg,#f5f5f5,#213b53);background:linear-gradient(to right,#f5f5f5,var(--changed-color,#213b53));width:40%}50%{background:linear-gradient(270deg,#f5f5f5,#213b53);background:linear-gradient(to left,#f5f5f5,var(--changed-color,#213b53));width:60%}}@keyframes ranning{0%,to{background:linear-gradient(90deg,#f5f5f5,#213b53);background:linear-gradient(to right,#f5f5f5,var(--changed-color,#213b53));width:40%}50%{background:linear-gradient(270deg,#f5f5f5,#213b53);background:linear-gradient(to left,#f5f5f5,var(--changed-color,#213b53));width:60%}}form.contact-form:after,form.contact-form:before{content:"";height:100vh;position:absolute;right:-30px;top:-235px;width:calc(100% + 30px)}form.contact-form:before{background-color:#0000009f;z-index:-1}form.contact-form:after{background-image:url(https://cdn.pixabay.com/photo/2015/07/17/22/43/student-849826_960_720.jpg);background-repeat:no-repeat;background-size:cover;z-index:-3}@media (max-width:768px){form.contact-form:after,form.contact-form:before{display:none}}form.contact-form label{color:#fff;color:var(--changed-color,#fff)}form.contact-form label input{color:#000}form.contact-form label input::-webkit-input-placeholder,form.contact-form label textarea::-webkit-input-placeholder{color:#999;color:var(--changed-light-color,#999)}form.contact-form label input::placeholder,form.contact-form label textarea::placeholder{color:#999;color:var(--changed-light-color,#999)}.the-ele-contact{color:#213b53;color:var(--light-text-color,#213b53)}.logo img.theLogo{-webkit-filter:drop-shadow(-2px -1px var(--light-text-color));filter:drop-shadow(-2px -1px var(--light-text-color))}.list__font--size li{transition:.3s}.list__font--size .clicked,.list__font--size li:hover{background-color:#ffffff6e;color:#009688;color:var(--changed-color,#009688);height:25px;text-align:center;-webkit-transform:scale(1.1);transform:scale(1.1);width:25px}
/*# sourceMappingURL=main.fe4cb8df.css.map*/