html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.main-head{display:flex;width:100%;justify-content:space-between;height:38px;align-items:center;position:relative;background:#555}.btn{background-color:#555;border:none;color:white;font-size:15px;cursor:pointer;margin-left:10px}.main-button{margin-right:9px;width:110px;color:white;display:flex;font-size:12px;align-items:center}.main-button>a{margin-top:2px;float:right;color:white}.main-button :first-child{border-right:1px solid white;padding-right:9px}.main-button :last-child{padding-left:10px}.main-logout-button{top:0;display:flex;justify-content:space-between;font-size:15px;color:darkgray;align-items:center;text-transform:capitalize;padding-right:15px}.current-username{padding-right:20px;font-size:12px}.home-icon{width:30px;height:30px}body{font-family:'Roboto', sans-serif}a{text-decoration:none;color:black}.header{display:flex;align-items:center;justify-content:space-between;height:73px;padding:8px 20px;background-color:#eee}.header-title{display:flex;align-items:center;margin-left:0px}.header-title>a{font-size:20px;font-weight:bold;margin-right:16px;margin-left:5px;color:black;margin-bottom:5px}.header-title-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;width:76.58px;height:34px;font-size:14px;font-weight:400;padding:6px 12px;text-align:center;cursor:pointer}#instructables-logo{height:72px;width:auto}.search-bar{border:1px solid #ccc;border-radius:4px;padding:6px 10px;background-color:#fff;border-color:#dedede}.search input{font-size:14px;border:none;outline:none;width:90px}.login-background{background-image:url(/assets/back1-24a07035f52c5e90e105f57374d7d1c7f95565b8628abe9d94e651e58823be79.jpg);background-size:cover;background-position:center;width:100%}.signup-background{background-image:url(/assets/back3-6cd5eb7bf8d35e118da2598350f38dd71fd57202306c0675903880bd0cb34433.jpg);background-size:cover;background-position:center;width:100%}.login-form-container{display:flex;width:100%;height:800px}.login-img{width:100%;height:auto;position:absolute}.login-form-box{position:absolute;top:220px;padding:30px;margin:40px}.login-form-box>p{color:white;margin:0 20px 0 20px;font-size:20px;text-align:center}.login-form-box>p>span{font-size:14px}.login-form-box>p>span>a{top:0px;color:white}.empty-div{position:absolute;top:77px;margin:50px;width:402px;height:800px;background:black;opacity:0.2}.login-form{width:338px;position:relative}.login-input{width:336px;height:38px;margin-bottom:20px;padding:0 11px 0 11px;border:1px solid gray;border-radius:4px}.login-input::placeholder{color:#a0a0a0;font-size:16px;line-height:20px;height:auto}.login-button{margin-bottom:20px;text-transform:capitalize;background:coral;font-size:17.5px;color:white;text-align:center;width:360px;height:44px;padding:auto;border:1px solid lightcoral;border-radius:6px;cursor:pointer}.error{background-color:#b94a48;color:white;font-size:14px;z-index:1;border-radius:3px;padding:5px;justify-content:center;margin-bottom:5px}.addstep-box{display:flex;justify-content:center;flex-direction:column;position:relative;width:970px;margin:40px auto 36px;overflow:hidden}.addstep-input{display:flex;justify-content:space-around;align-items:center;height:133px;border:1px solid #dedede;border-radius:10px;background:#f6f6f6}.addstep-head{width:48.82%;height:86%}.addstep-head textarea{resize:none;width:97.64%;height:86%;border-radius:10px;border:1px solid #dedede}.addstep-description{width:48.82%;height:86%}.addstep-description textarea{resize:none;width:97.64%;height:86%;border-radius:10px;border:1px solid #dedede}.addstep-button-holder{margin-top:30px;display:flex;justify-content:center;align-items:center}.addstep-button{border-radius:6px;height:34px;padding:6px 12px;margin-left:5px;border:solid 1px #e5991e;background:#faac18;color:white}.comments-title{text-align:center;font-size:28px;font-weight:bold;padding:30px 0 20px 0;border-bottom:1px solid #ddd}.comment-box{width:730px;border:1px solid #ddd;padding:15px;background:#f6f6f6;border-radius:6px;margin-top:20px;margin-bottom:10px}.comment-list{width:730px;margin:10px;padding:15px;position:relative;align-items:center}.comment-border{border-bottom:1px solid #ddd}.comment-post{display:flex;justify-content:space-between;margin:10px 0 0 0}.postbtn{display:block}.comment-content{display:flex;justify-content:space-between;margin-bottom:20px}.comment-img{height:50px;width:50px;border-radius:50px}.comment-textarea{width:650px;height:80px;margin-left:20px}.comment-head{display:flex;justify-content:space-between}.comment-by{height:18px;padding:16px 0 0 10px}.comment-content{margin:10px 0 0 0;font-size:16px;line-height:24px}.comment-policy p{font-size:13px;line-height:20px;color:#aaa}.comment-policy p>span{color:black;font-weight:bold}.user-icon:hover{cursor:pointer}.user-dropdown{display:block;border-radius:14px;height:28px;width:28px;position:relative;margin-right:6px}.hide{display:none;position:absolute}.show{display:block;position:absolute;z-index:1;top:36px;right:15px;width:298px;height:293px;background-color:white;border:1px solid rgba(0,0,0,0.2);border-radius:6px;text-align:center}.logout{margin:10px}.logout-button{float:right;width:92px;height:34px;top:11px;right:11px;background-color:#f6f6f6;border:1px solid #dedede;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;padding:6px 12px;text-align:center}.new-upgradeable-button{margin-bottom:20px;text-transform:capitalize;background:coral;font-size:17.5px;color:white;text-align:center;width:268px;height:44px;padding:auto;border:1px solid lightcoral;border-radius:6px;bottom:0;margin-top:184px;cursor:pointer}.footer{background:#555;width:100%;height:180px;padding-top:10px;color:white;position:relative;bottom:0}.footer-list{display:flex;justify-content:space-around;margin-top:20px}.footer-contact>h1{margin-bottom:10px;font-size:20px}.footer-contact>h3{color:white;margin-bottom:5px}.footer-contact>li{color:white;margin:5px}.footer-contact>li a{color:white}.footer-link>h1{margin-bottom:15px;font-size:18px}.footer-link>li{color:white;font-size:18px;margin-bottom:10px}.footer-link>li a{color:white}.modal-background{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.7);z-index:10}.modal-child{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.project-main{display:flex;justify-content:center;flex-direction:column;position:relative;width:1016px;margin:40px auto 36px;background:#fff;border:1px solid rgba(119,130,135,0.4);border-radius:10px;overflow:hidden}.project-title{align-self:center;font-size:20px;font-weight:bold}.project-image-holder{display:flex;justify-content:center;align-items:center;height:135px;border:1px solid #dedede;border-radius:10px 10px 0 0;background:#f6f6f6;border-bottom:none}.project-image{overflow:hidden;display:flex;justify-content:space-evenly;align-items:center;height:114px;width:97.64%;border-radius:10px;border:solid 1px #dedede;color:#aaa;-webkit-box-shadow:inset 0 0 3px 3px #dfdfdf}.project-edit{display:flex;justify-content:space-between;flex-direction:row;height:46.38px;padding:0 12px;background:#f6f6f6;border:1px solid #dedede;border-top:none;box-shadow:0 4px 2px -2px #dfdfdf}.project-button{border-radius:6px;height:34px;padding:6px 12px;margin-left:5px;border:solid 1px #e5991e;background:#faac18;color:white;cursor:pointer}.project-description{display:flex;justify-content:center;align-items:center;width:968px;height:150px;border:1px solid #dedede;border-radius:10px;border-bottom:none;background:#f6f6f6;margin:30px auto 0 auto}.project-description textarea{resize:none;margin:10px;width:97.64%;height:86%;border-radius:10px;border:1px solid #dedede}.add-step{display:flex;justify-content:center;align-items:center;margin:20px}.photo-container{width:560px;height:475px;background-color:white;overflow:hidden;border-radius:6px}.photo-holder{font-size:40px;width:500px;height:350px;overflow:hidden;margin:30px auto;border:2px dashed #ddd}.photo-footer{display:flex;justify-content:space-between;flex-direction:row;background:#f6f6f6;border:1px solid #dedede;padding:14px 15px 15px;bottom:0}.file{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input{text-align:center;display:block;position:relative;border-radius:6px;width:55px;height:20px;border:solid 1px #dedede;background:#f6f6f6;color:black;text-align:center}.projectshow{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px}.projectshow-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:800px}.projectshow-title{color:#333333;font-size:28px;font-weight:bold;text-align:center;margin:0 0 20px}.projectshow-title>p{color:#b3b3b3;font-size:12px;text-align:center;margin:20px 0 0 0}.projectshow-image{display:flex;flex-direction:column;justify-content:center;align-items:center;width:800px;height:450px;border:1px solid #dedede;border-radius:10px;background:#f6f6f6;margin-bottom:50px}.projectshow-image>img{max-width:100%;max-height:100%}.projectshow-body{display:flex;line-height:1.6;justify-content:center;margin-bottom:20px}.projectshow-step{display:flex;justify-content:center;margin-bottom:50px;line-height:1.6}.prject-edit-btn{display:flex;justify-content:space-around}.stepindexitem{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0 20px 0}.stepindexitem-head{color:#333333;font-size:28px;font-weight:bold;text-align:center}.stepindexitem-description{display:flex;line-height:1.6;justify-content:center;margin-bottom:20px}.splash{color:white;height:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.splash-image{width:100%;height:400px;background-image:url(https://content.instructables.com/ORIG/FK3/R5LK/K3NKP5Q1/FK3R5LKK3NKP5Q1.jpg?auto=webp&width=1600);background-size:cover;background-position:bottom;background-position:center;position:relative}.splash-text{position:absolute;width:520px;height:153px;margin:98px auto 0 135px;border-top:1px solid white;border-bottom:1px solid white;padding:25px 0}.splash-text>h1{display:flex;text-transform:uppercase;height:76px;margin:10px 0 15.5px 0;font-size:50px;font-weight:700}.splash-text>p{display:flex;height:52px;margin-bottom:0px;font-size:18px}.text{margin-top:58px;color:black;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:100px;margin-right:100px;border-bottom:1px solid lightgray}.text>div{display:flex;flex-direction:column;flex-wrap:wrap;width:30%;height:280;padding-bottom:40px}.text>div>h2{font-size:34px;font-weight:bold;margin-bottom:15px}.text>div>p{font-size:18px}.projectindexcontainer{color:black;display:flex;flex-wrap:wrap}.projectindexitem{display:flex;flex-direction:column;align-items:center;width:304px;height:325px;border:1px solid lightgray;border-radius:10px;margin:20px;overflow:hidden;font-weight:700}.projectindex{display:flex;justify-content:center;flex-flow:row wrap}.projectimg{max-width:100%;height:250px;margin-bottom:20px}.projecttitle{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.projectby{font-weight:100}.titleform-image{background:url(https://www.instructables.com/assets/editor/desktop/img/create-intro-header.png);height:140px;width:100%;border-top-right-radius:6px;border-top-left-radius:6px}.titleform{width:375px;height:170px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:white;display:flex;flex-direction:column;align-items:center;padding:40px;font-size:18px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.titleform-form{display:flex;flex-direction:column;align-items:center}.titleform-input{display:block;text-align:center;width:366px;height:37px;border:none;margin-top:20px;border-top:1px solid #eeeeee;border-bottom:1px solid #c9c9c9}.titleform-textarea{resize:none;display:block;text-align:center;width:366px;height:27px;border:none;border-top:1px solid #eeeeee;border-bottom:1px solid #c9c9c9;margin-bottom:10px}.titleform-submit{border-radius:6px;background:coral;border:1px solid lightcoral;color:white;width:186.88px;padding:11px 19px;font-size:17.5px;cursor:pointer}