@import url(https://fonts.googleapis.com/css?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Prompt&display=swa);.profile{color:#000;display:flex;flex-wrap:wrap;margin:150px auto 10px;width:80%;justify-content:space-between}@media screen and (max-width:1400px){.profile{width:90%}}.profile_image{border:5px solid #fff;box-shadow:2px 3px 3px 3px rgba(0,0,0,.2);margin-top:-40px}@media screen and (max-width:1200px){.profile_image{margin-top:0}}h1{font-size:3.5rem}@media screen and (max-width:800px){h1{font-size:2.8rem}}a{text-decoration:none;color:#000}.logo{display:flex;margin:10px auto auto 30px;width:130px}@media screen and (max-width:480px){.logo{margin:0 0 0 10px}}.logoFrame{border:5px double #9db3d1}.introduction_framework{width:90%;display:flex;flex-wrap:wrap;margin:30px auto}@media screen and (max-width:300px){.introduction_framework{width:100%;padding:0}}.intro_title{color:#000;height:40px;font-size:2.2rem;text-align:center;border-bottom:1px solid grey}.intro_body{font-size:1.5rem;padding-top:20px;color:#000;display:flex;justify-content:center;align-items:center}@media screen and (max-width:430px){.intro_body{padding:0;font-size:1.3rem;word-wrap:break}}.intro_container:last-of-type .intro_body{white-space:pre-wrap;padding-top:0}.project_btn{display:flex;justify-content:space-around;color:#fff;width:50px;height:170px;top:0;font-size:3rem;text-align:center;position:fixed;padding:15px 5px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;border-left:5px solid #2d3645;right:0;animation:expand 7s 8s 1;height:150px;background:#2d3645;transition:all .35s;border-radius:0 0 4px 20px}.project_btn:hover{border-left:5px solid #08fdd8;color:#08fdd8;cursor:pointer}.project_btn:hover .inner_circle,.project_btn:hover .outer_circle{visibility:hidden}@media screen and (max-width:480px){.project_btn{height:150px;font-size:2.5rem}}.resource_btn{display:flex;justify-content:space-around;color:#fff;width:50px;height:170px;top:0;font-size:3rem;text-align:center;position:fixed;padding:15px 5px;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;border-left:5px solid #2d3645;background:#031e3d;right:65px;height:130px;animation:expand1 7s 15s 1;transition:all .35s;border-radius:0 0 0 20px}.resource_btn:hover{border-left:5px solid #08fdd8;cursor:pointer;color:#08fdd8}@media screen and (max-width:480px){.resource_btn{height:110px;font-size:2.5rem}}.outer_circle{width:25px;height:2px;margin:auto;border-radius:50%;border:2px solid #08fdd8;animation:rotation 5s infinite;position:relative}.inner_circle{width:20px;height:2px;margin:auto;border-radius:50%;background:#3490bb;animation:rotation 3s infinite}.loading_outer{width:50px;height:50px;border-radius:50%;animation:rotation 2s infinite;background:grey;margin:10px auto;position:relative}.loading_inner{width:5px;height:5px;border-radius:50%;animation:rotation 4s infinite;background:#fff;position:absolute}@keyframes rotation{to{transform:rotate(1turn)}}@keyframes expand{0%{opacity:0;height:0}30%{height:150px}to{opacity:1}}@keyframes expand1{0%{opacity:0;height:0}30%{height:130px}to{opacity:1}}.title{padding:15px 20px;width:100%;color:#000;position:fixed!important;top:0;font-size:3rem;background:#fff}.sidebar_container{padding:20px 0 200px auto;background:#000;display:flex;flex-wrap:wrap;width:288px;position:fixed;top:75px;left:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:sidebarSlide 5s forwards;animation:sidebarSlide 5s forwards;overflow:auto;scrollbar-color:#919191;scrollbar-width:thin}.sidebar_container::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.sidebar_container::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.sidebar_container::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #919191;background:#919191}@media screen and (max-width:1200px){.sidebar_container{display:none}}.show{padding:20px 0 200px auto;background:#000;display:flex;flex-wrap:wrap;width:288px;position:fixed;top:75px;left:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:sidebarSlide 5s forwards;animation:sidebarSlide 5s forwards;overflow:auto;scrollbar-color:#919191;scrollbar-width:thin}.show::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.show::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.show::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #919191;background:#919191}.closeBTN{position:fixed;background:#9db3d1;top:80px;left:10px;padding:5px;z-index:5;border-radius:50%}@media screen and (min-width:1201px){.closeBTN{display:none}}.burgerBTN{display:none}@media screen and (max-width:1200px){.burgerBTN{display:block;position:fixed;background:#9db3d1;padding:5px 8px;border-radius:50%;top:80px;left:10px}}.sidebar_image_container{margin:0 auto;border:10px solid #08fdd8;filter:grayscale(100%);-webkit-filter:grayscale(100%)}.sidebar_image_container:hover{filter:drop-shadow(2px 2px 3px #08fdd8);-webkit-filter:drop-shadow(2px 2px 3px #08fdd8);cursor:pointer}@keyframes sidebarSlide{0%{opacity:0;height:0}to{opacity:1;height:90vh}}.allprojects{display:flex;flex-wrap:wrap;width:100%;background:#d0d2c4}.projectContainer{margin:auto auto auto 20%;width:80%;height:90vh;padding-top:60px}@media screen and (max-width:1200px){.projectContainer{height:auto;width:100%;margin:auto 5px}}@media screen and (max-height:780px)and (min-width:400px){.projectContainer{margin:8% auto 4% 20%}}.mini_image{margin:"auto"}.projectName{width:400px;height:45px;margin:20px auto;font-size:2.7rem;color:#000}@media screen and (max-width:600px){.projectName{font-size:2rem;width:300px;margin:5px auto}}.projectimage{display:flex;flex-wrap:wrap;justify-content:center;margin:40px auto}.fullscreen{width:706px;height:352px;box-shadow:3px 3px 3px rgba(0,0,0,.2),-3px -3px 3px rgba(0,0,0,.2);margin:25px;transition:all 1s;border-radius:4px}.fullscreen:hover{transform:scale(1.07) translateY(-20px);cursor:pointer}@media screen and (max-width:600px){.fullscreen{display:none}}.smallscreen{margin-left:-30px;margin-top:-40px;width:178px;height:452px;padding:8px;border:2px solid #a9a9a9;box-shadow:3px 3px 3px rgba(0,0,0,.2);border-radius:5px;transition:all 1s}.smallscreen:hover{transform:scale(1.1) translateX(-20px);cursor:pointer}@media screen and (max-width:600px){.smallscreen{width:178px;height:452px;margin:15px auto}.smallscreen:hover{transform:none;cursor:pointer;filter:brightness(80%);-webkit-filter:brightness(80%)}}@media screen and (min-width:600px)and (max-width:1000px){.smallscreen{display:none}}.normalfont{font-size:1.5rem;width:65%;margin:10px auto;text-align:left}@media screen and (max-width:600px){.normalfont{width:90%;word-wrap:break-word}}.icon{margin-right:10px}.linkBTN{width:130px;font-size:1.4rem;border-radius:8px;height:30px;margin:15px 20px auto 5px;transition:all .35s;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);border:none}.linkBTN:hover{background-color:#d0d2c4;cursor:pointer}.linkBTN:active{transform:translateY(2px)}@media screen and (max-width:600px){.linkBTN{margin:5px}}.fullscreen_container{background:#fff;border-radius:5px;width:756px;height:402px}@media screen and (max-width:600px){.fullscreen_container{display:none}}.admin_form{margin:80px auto auto;width:300px;height:430px;border:1px solid #fff;box-shadow:3px 3px 3px 2px #000}.admin_form h2{color:#000;text-align:center;font-size:2.5rem}input,label{font-size:1.7rem;height:2.5rem}input,label,textarea{margin:10px auto;width:100%}textarea{font-size:2rem}.inner_form{margin:10px auto;width:80%}.submit_btn{margin-top:30px;margin-left:60px!important;width:60%;height:3.5rem;font-size:2rem;background:#9db3d1}.register_link{font-size:1.5rem;text-decoration:underline}.register_link:hover{cursor:pointer;color:#fff}.logout{position:absolute;top:10px;right:160px;font-size:1.5rem;color:#fff;width:100px;height:2.5rem;border:2px solid #000;text-align:center}.logout:hover{color:#000;border:2px solid #fff}@media screen and (max-width:480px){.logout{left:5px;top:100px;width:70px}}.generalBTN{width:200px;font-size:2rem;padding:.5rem 1rem;height:35px;color:#000;background:transparent;text-align:center;text-transform:uppercase;border:1px solid #000;margin:25px auto}.generalBTN:hover{cursor:pointer;border-color:grey;color:grey}.plus_BTN{font-size:3rem;margin-top:100px;margin-left:10%}.preview1{width:150px;height:100px}@media screen and (max-width:480px){.preview1{width:80px;height:50px}}.preview2{width:80x;height:150px}@media screen and (max-width:480px){.preview2{width:40px;height:70px}}.res_title{padding:15px 20px;width:100%;color:#000;position:fixed!important;top:0;font-size:3rem;background:#fff;height:60px}@media screen and (max-width:360px){.res_title{padding:15px 5px}}.resources_Container{width:100%;background:rgba(45,54,69,.3);height:85vh}@media screen and (max-width:1200px){.resources_Container{height:auto;width:100%;margin:auto 5px}}@media screen and (min-height:828px){.resources_Container{height:68vh}}.res_center{width:70%;height:85vh;overflow-y:auto;margin:105px auto 0;scrollbar-color:#919191;scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(100,150px);grid-gap:0;display:grid;background-image:url(https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1050);background-repeat:no-repeat}.res_center::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.res_center::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.res_center::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #919191;background:#919191}@media screen and (max-width:480px){.res_center{width:100%}}@media screen and (min-height:828px){.res_center{height:68vh}}@media screen and (min-width:1500px){.res_center{background-size:cover;background-position:50%}}.arc_center{width:70%;height:85vh;overflow-y:auto;margin:105px auto 0;scrollbar-color:#919191;scrollbar-width:thin;background-image:url(https://images.unsplash.com/photo-1586439219048-af5f4d2ba1a2?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1050);width:100%}.arc_center::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.arc_center::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.arc_center::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #919191;background:#919191}@media screen and (max-width:480px){.arc_center{width:100%}}@media screen and (min-height:828px){.arc_center{height:68vh}}.cell{text-align:center;font-size:3.5rem;color:#fff;border:.5px solid #fff;padding:35px 10px 0;background:rgba(45,54,69,.8);position:relative}.cell p{position:absolute;bottom:5px;right:25px;font-size:1.2rem;color:#fff}.cell:hover{background:transparent;color:#000}.cell:hover p{color:#000}.addTechForm{padding:15px;color:#fff;font-size:1.5rem;background:rgba(45,54,69,.8);border:.5px solid #08fdd8}.addTechForm input{margin:15px 10%;width:80%;height:30px}.addTechForm button{width:30%;height:30px;background:#08fdd8;margin-right:15px;border-radius:5px}.addTechForm button:hover{color:#08fdd8;background:grey}.Ellipsis_icon{color:#08fdd8;float:left;font-size:1.5rem}.Ellipsis_icon:hover{color:grey;cursor:pointer}.menu{color:#000;background:#fff;font-size:1.5rem;text-align:center;width:100px;height:43px;float:left}.menu>div:hover{background:grey;color:#08fdd8}.res_sidebar_container{width:100px;height:87vh;background:hsla(0,0%,100%,.5);display:fixed;left:0;top:90px;writing-mode:vertical-rl;text-orientation:mixed;font-size:2.5rem}@media screen and (max-width:1000px){.res_sidebar_container{display:none}}.show_res_sidebar{width:100px;height:87vh;background:hsla(0,0%,100%,.5);display:fixed;left:0;top:90px;writing-mode:vertical-rl;text-orientation:mixed;font-size:2.5rem;position:fixed;z-index:5}@media screen and (max-width:1000px){.show_res_sidebar{background:#fff}}.sidebar_content{margin-top:20px;display:flex;padding:10px 30px}@media screen and (max-width:1000px){.sidebar_content{margin-top:35px}}.res_burgerBTN{display:none}@media screen and (max-width:1000px){.res_burgerBTN{display:block;position:fixed;background:#08fdd8;padding:5px 8px;border-radius:50%;top:120px;left:10px;z-index:5;color:#fff}}.res_closeBTN{display:none;position:fixed;color:#08fdd8;font-size:1.5rem;top:120px;left:10px;z-index:7}@media screen and (max-width:1000px){.res_closeBTN{display:block}}.article_sidebar_icon{font-size:3.2rem;color:grey;margin:20px auto 10px}.article_sidebar_icon:hover{color:#08fdd8;cursor:pointer}.discclaimer{width:90%;position:absolute;bottom:0;text-align:center;z-index:5px;right:15px;font-size:1.3rem}@media screen and (max-width:780px){.discclaimer{background:#fff;width:100%;right:0}}.addArticle{height:87vh;position:absolute;left:100px;top:90px;width:220px;z-index:5;background:#fff;animation:expand_add_article_container 1s forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:expand_add_article_container 1s forwards}@keyframes expand_add_article_container{0%{opacity:0;width:0}to{opacity:1;width:220px}}.addArticle_form{width:95%;font-size:2rem;margin:50px auto}.addArticle_form input{border:none;border-bottom:2px solid #339b9b;height:30px}.addArticle_form button{width:80%;border-radius:5px;height:35px;background:#339b9b;margin-left:10%;margin-top:20px}.addArticle_form button:hover{background:grey;cursor:pointer}.article_body{position:absolute;right:0;top:105px;height:85vh;width:calc(100% - 100px);display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-template-rows:repeat(100,150px);overflow-y:auto;scrollbar-color:#919191;scrollbar-width:thin}.article_body::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.article_body::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.article_body::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #919191;background:#919191}@media screen and (max-width:600px){.article_body{padding:20px 0;width:100%;height:80vh;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.article_cell{padding:5px 10px;overflow-y:auto;scrollbar-color:#fff;scrollbar-width:thin}.article_cell a{text-decoration:none}.article_cell button{height:30px;margin-bottom:-30px;background:#339b9b}.article_cell button:hover{background:grey;cursor:pointer}.article_cell::-webkit-scrollbar-track{-webkit-appearance:none;border:.01rem solid transparent;background-clip:content-box}.article_cell::-webkit-scrollbar{-webkit-appearance:none;width:.7rem;height:0}.article_cell::-webkit-scrollbar-thumb{-webkit-appearance:none;border:.1rem solid #fff;background:#fff}.article_cell:hover{border-left:10px solid #d3d3d3;background:hsla(0,0%,100%,.5)}.art_icon{color:#65a89f}html{font-size:10px;font-family:Oswald,sans-serif}body{background:#fff;margin:0}.Addcontainer,.formcontainer{position:absolute;width:100%;background:#9db3d1;top:35px;left:0;height:200px}.Appcontainer{background-image:url(https://images.pexels.com/photos/159825/color-pencil-drawing-coloring-colored-pencils-159825.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position-y:bottom;background-size:cover;height:370px;top:0}.Appcontainer,.Projects_container{position:absolute;width:100%;left:0}.Projects_container{background:#000}.Editcontainer{width:100%}