/*-- Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ /* reset */ @charset "UTF-8"; @font-face { font-family: 'b-y'; src: url('../fonts/IRANSansWeb.ttf'); font-weight: normal; font-style: normal } 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,dl,dt,dd,ol,nav ul,nav 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%;vertical-align:baseline;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block; } ol,ul{list-style:none;margin:0px;padding:0px;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} /* start editing from here */ .login a{text-decoration:none;} .login .txt-rt{text-align:right;}/* text align right */ .login .txt-lt{text-align:left;}/* text align left */ .login .txt-center{text-align:center;}/* text align center */ .login .float-rt{float:right;}/* float right */ .login .float-lt{float:left;}/* float left */ .login .clear{clear:both;}/* clear float */ .login .pos-relative{position:relative;}/* Position Relative */ .login .pos-absolute{position:absolute;}/* Position Absolute */ .login .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .login .vertical-top{ vertical-align:top;}/* vertical align top */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ .login img{max-width:100%;} /*end reset*/ /****-----start-body----****/ body.login{ background:#2A3F54; } .login .login-form { background:#eee; width: 26%; margin:7% auto 4% auto; position: relative; -webkit-border-radius: 0.4em; -o-border-radius: 0.4em; -moz-border-radius: 0.4em; box-shadow: #172D44 1px 1px, #172D44 2px 2px, #172D44 3px 3px, #172D44 4px 4px, #172D44 5px 5px, #172D44 6px 6px, #172D44 7px 7px, #172D44 8px 8px, #172D44 9px 9px, #172D44 10px 10px, #172D44 11px 11px, #172D44 12px 12px, #172D44 13px 13px, #172D44 14px 14px, #172D44 15px 15px, #172D44 16px 16px, #172D44 17px 17px, #172D44 18px 18px, #172D44 19px 19px, #172D44 20px 20px, #172D44 21px 21px, #172D44 22px 22px, #172D44 23px 23px, #172D44 24px 24px, #172D44 25px 25px, #172D44 26px 26px, #172D44 27px 27px, #172D44 28px 28px, #172D44 29px 29px, #172D44 30px 30px, #172D44 31px 31px, #172D44 32px 32px, #172D44 33px 33px, #172D44 34px 34px, #172D44 35px 35px, #172D44 36px 36px, #172D44 37px 37px, #172D44 38px 38px, #172D44 39px 39px, #172D44 40px 40px, #172D44 41px 41px, #172D44 42px 42px, #172D44 43px 43px, #172D44 44px 44px, #172D44 45px 45px, #172D44 46px 46px, #172D44 47px 47px, #172D44 48px 48px, #172D44 49px 49px, #172D44 50px 50px, #172D44 51px 51px, #172D44 52px 52px, #172D44 53px 53px, #172D44 54px 54px, #172D44 55px 55px, #172D44 56px 56px, #172D44 57px 57px, #172D44 58px 58px, #172D44 59px 59px, #172D44 60px 60px, #172D44 61px 61px, #172D44 62px 62px, #172D44 63px 63px, #172D44 64px 64px, #172D44 65px 65px, #172D44 66px 66px, #172D44 67px 67px, #172D44 68px 68px, #172D44 69px 69px, #172D44 70px 70px, #172D44 71px 71px, #172D44 72px 72px, #172D44 73px 73px, #172D44 74px 74px, #172D44 75px 75px, #172D44 76px 76px, #172D44 77px 77px, #172D44 78px 78px, #172D44 79px 79px, #172D44 80px 80px, #172D44 81px 81px, #172D44 82px 82px, #172D44 83px 83px, #172D44 84px 84px, #172D44 85px 85px, #172D44 86px 86px, #172D44 87px 87px, #172D44 88px 88px, #172D44 89px 89px, #172D44 90px 90px, #172D44 91px 91px, #172D44 92px 92px, #172D44 93px 93px, #172D44 94px 94px, #172D44 95px 95px, #172D44 96px 96px, #172D44 97px 97px, #172D44 98px 98px, #172D44 99px 99px, #172D44 100px 100px, #172D44 101px 101px, #172D44 102px 102px, #172D44 103px 103px, #172D44 104px 104px, #172D44 105px 105px, #172D44 106px 106px, #172D44 107px 107px, #172D44 108px 108px, #172D44 109px 109px, #172D44 110px 110px, #172D44 111px 111px, #172D44 112px 112px, #172D44 113px 113px, #172D44 114px 114px, #172D44 115px 115px, #172D44 116px 116px, #172D44 117px 117px, #172D44 118px 118px, #172D44 119px 119px, #172D44 120px 120px, #172D44 121px 121px, #172D44 122px 122px, #172D44 123px 123px, #172D44 124px 124px, #172D44 125px 125px, #172D44 126px 126px, #172D44 127px 127px, #172D44 128px 128px, #172D44 129px 129px, #172D44 130px 130px, #172D44 131px 131px, #172D44 132px 132px, #172D44 133px 133px, #172D44 134px 134px, #172D44 135px 135px, #172D44 136px 136px, #172D44 137px 137px, #172D44 138px 138px, #172D44 139px 139px, #172D44 140px 140px, #172D44 141px 141px, #172D44 142px 142px, #172D44 143px 143px, #172D44 144px 144px, #172D44 145px 145px, #172D44 146px 146px, #172D44 147px 147px, #172D44 148px 148px, #172D44 149px 149px, #172D44 150px 150px, #172D44 151px 151px, #172D44 152px 152px, #172D44 153px 153px, #172D44 154px 154px, #172D44 155px 155px, #172D44 156px 156px, #172D44 157px 157px, #172D44 158px 158px, #172D44 159px 159px, #172D44 160px 160px, #172D44 161px 161px, #172D44 162px 162px, #172D44 163px 163px, #172D44 164px 164px, #172D44 165px 165px, #172D44 166px 166px, #172D44 167px 167px, #172D44 168px 168px, #172D44 169px 169px, #172D44 170px 170px, #172D44 171px 171px, #172D44 172px 172px, #172D44 173px 173px, #172D44 174px 174px, #172D44 175px 175px, #172D44 176px 176px, #172D44 177px 177px, #172D44 178px 178px, #172D44 179px 179px, #172D44 180px 180px, #172D44 181px 181px, #172D44 182px 182px } .login .head { position: absolute; top:-70px; left: 35%; } .login .head img { border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; height: 132px; width: 132px; border:6px solid rgba(221, 218, 215, 0.23); } .main{ position:relative; } .main h1{ font-size:25px; color:#676767; font-weight:400; padding-top: 19%; text-align: center; } .login .main form { width: 80%; margin: 0 auto; padding: 6% 0 9% 0; } .login .main p { text-align: center; } .login .main form p a { color: #888; } .login form p a:hover { color:#21A957; } .login input[type="text"], .login input[type="email"], .login input[type="password"]{ text-align:left; position: relative; width:100%; padding:3%; background:#D3D3D3; margin-bottom: 6%; color: #676767; font-weight:600; font-size: 16px; outline: none; border: none; border-radius: 5px; border:1px solid #DED6D6; -webkit-appearance:none; direction: ltr; } .login input[type="email"]:hover, .login input[type="email"]:focus, .login input[type="password"]:hover, .login input[type="password"]:focus, .login input[type="text"]:hover, .login input[type="text"]:focus{ border:1px solid #26B99A; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition: 0.5s; } .login input[type="submit"]{ width: 99%; padding: 3%; margin-bottom: 8%; background: #26B99A; color: #ECECEC; box-shadow: inset 0px 0px 10px #666464; -webkit-text-shadow: 0px 0px 3px #000; -moz-text-shadow: 0px 0px 3px #000; -o-text-shadow: 0px 0px 3px #000; -ms-text-shadow: 0px 0px 3px #000; font-size: 20px; outline: none; border: none; cursor: pointer; font-weight:500; border-radius: 5px; transition: 0.5s; -webkit-appearance:none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .login input[type="submit"]:hover{ background:#128A42; color:#fff; } .login input::-webkit-input-placeholder { text-align:right; direction: rtl; } .login input::-moz-placeholder { direction: rtl; text-align:right; } /****************/ .login .bad input, .login .bad input:focus, .login .bad input:hover { border: 1px solid #CE5454; box-shadow: 0 0 4px -2px #CE5454; -moz-animation: .7s 1 shake linear; -webkit-animation: 0.7s 1 shake linear; margin-bottom: 0; } .login .bad .alert { position: relative; display: block; padding: 10px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 100%; font-size: 13px!important; margin-top: 10px; text-align: center; } .login .bad .alert::after { content: ''; display: block; height: 0; width: 0; border-color: transparent transparent #CE5454 transparent; border-style: solid; border-width: 10px 10px; position: absolute; left: 5%; top: -20px; } /****************/ .login .copy-right { position: absolute; bottom:-19%; left: 43.7%; } .login .copy-right p { color: #fff; font-size: 1em; font-weight: 600; } .login .copy-right p a { font-size: 1em; color:#21A957; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .copy-right p a:hover{ color:#fff; } /*-----start-responsive-design------*/ @media (max-width:1440px){ .login .login-form { width:30%; margin: 7% auto 4% auto; } .login .main h1 { padding-top: 23%; } .login .copy-right { bottom: -26%; } } @media (max-width:1366px){ .login .login-form { width: 32%; margin: 7% auto 4% auto; } } @media (max-width:1280px){ .login .login-form { margin:8% auto 0; width:34%; box-shadow: #172D44 1px 1px, #172D44 2px 2px, #172D44 3px 3px, #172D44 4px 4px, #172D44 5px 5px, #172D44 6px 6px, #172D44 7px 7px, #172D44 8px 8px, #172D44 9px 9px, #172D44 10px 10px, #172D44 11px 11px, #172D44 12px 12px, #172D44 13px 13px, #172D44 14px 14px, #172D44 15px 15px, #172D44 16px 16px, #172D44 17px 17px, #172D44 18px 18px, #172D44 19px 19px, #172D44 20px 20px, #172D44 21px 21px, #172D44 22px 22px, #172D44 23px 23px, #172D44 24px 24px, #172D44 25px 25px, #172D44 26px 26px, #172D44 27px 27px, #172D44 28px 28px, #172D44 29px 29px, #172D44 30px 30px, #172D44 31px 31px, #172D44 32px 32px, #172D44 33px 33px, #172D44 34px 34px, #172D44 35px 35px, #172D44 36px 36px, #172D44 37px 37px, #172D44 38px 38px, #172D44 39px 39px, #172D44 40px 40px, #172D44 41px 41px, #172D44 42px 42px, #172D44 43px 43px, #172D44 44px 44px, #172D44 45px 45px, #172D44 46px 46px, #172D44 47px 47px, #172D44 48px 48px, #172D44 49px 49px, #172D44 50px 50px, #172D44 51px 51px, #172D44 52px 52px, #172D44 53px 53px, #172D44 54px 54px, #172D44 55px 55px, #172D44 56px 56px, #172D44 57px 57px, #172D44 58px 58px, #172D44 59px 59px, #172D44 60px 60px, #172D44 61px 61px, #172D44 62px 62px, #172D44 63px 63px, #172D44 64px 64px, #172D44 65px 65px, #172D44 66px 66px, #172D44 67px 67px, #172D44 68px 68px, #172D44 69px 69px, #172D44 70px 70px, #172D44 71px 71px, #172D44 72px 72px, #172D44 73px 73px, #172D44 74px 74px, #172D44 75px 75px, #172D44 76px 76px, #172D44 77px 77px, #172D44 78px 78px, #172D44 79px 79px, #172D44 80px 80px, #172D44 81px 81px, #172D44 82px 82px, #172D44 83px 83px, #172D44 84px 84px, #172D44 85px 85px, #172D44 86px 86px, #172D44 87px 87px, #172D44 88px 88px, #172D44 89px 89px, #172D44 90px 90px, #172D44 91px 91px, #172D44 92px 92px, #172D44 93px 93px, #172D44 94px 94px, #172D44 95px 95px, #172D44 96px 96px, #172D44 97px 97px, #172D44 98px 98px, #172D44 99px 99px, #172D44 100px 100px, #172D44 101px 101px, #172D44 102px 102px, #172D44 103px 103px, #172D44 104px 104px, #172D44 105px 105px, #172D44 106px 106px, #172D44 107px 107px, #172D44 108px 108px, #172D44 109px 109px, #172D44 110px 110px, #172D44 111px 111px, #172D44 112px 112px, #172D44 113px 113px, #172D44 114px 114px, #172D44 115px 115px, #172D44 116px 116px, #172D44 117px 117px, #172D44 118px 118px, #172D44 119px 119px, #172D44 120px 120px, #172D44 121px 121px, #172D44 122px 122px, #172D44 123px 123px, #172D44 124px 124px, #172D44 125px 125px, #172D44 126px 126px, #172D44 127px 127px, #172D44 128px 128px, #172D44 129px 129px, #172D44 130px 130px, #172D44 131px 131px, #172D44 132px 132px, #172D44 133px 133px, #172D44 134px 134px, #172D44 135px 135px, #172D44 136px 136px, #172D44 137px 137px, #172D44 138px 138px, #172D44 139px 139px, #172D44 140px 140px, #172D44 141px 141px, #172D44 142px 142px, #172D44 143px 143px, #172D44 144px 144px, #172D44 145px 145px, #172D44 146px 146px, #172D44 147px 147px, #172D44 148px 148px, #172D44 149px 149px, #172D44 150px 150px } .login .copy-right { left: 41%; bottom:-18%; } } @media (max-width:1024px){ .login .login-form { margin:12% auto 0; width:45%; box-shadow: #172D44 1px 1px, #172D44 2px 2px, #172D44 3px 3px, #172D44 4px 4px, #172D44 5px 5px, #172D44 6px 6px, #172D44 7px 7px, #172D44 8px 8px, #172D44 9px 9px, #172D44 10px 10px, #172D44 11px 11px, #172D44 12px 12px, #172D44 13px 13px, #172D44 14px 14px, #172D44 15px 15px, #172D44 16px 16px, #172D44 17px 17px, #172D44 18px 18px, #172D44 19px 19px, #172D44 20px 20px, #172D44 21px 21px, #172D44 22px 22px, #172D44 23px 23px, #172D44 24px 24px, #172D44 25px 25px, #172D44 26px 26px, #172D44 27px 27px, #172D44 28px 28px, #172D44 29px 29px, #172D44 30px 30px, #172D44 31px 31px, #172D44 32px 32px, #172D44 33px 33px, #172D44 34px 34px, #172D44 35px 35px, #172D44 36px 36px, #172D44 37px 37px, #172D44 38px 38px, #172D44 39px 39px, #172D44 40px 40px, #172D44 41px 41px, #172D44 42px 42px, #172D44 43px 43px, #172D44 44px 44px, #172D44 45px 45px, #172D44 46px 46px, #172D44 47px 47px, #172D44 48px 48px, #172D44 49px 49px, #172D44 50px 50px, #172D44 51px 51px, #172D44 52px 52px, #172D44 53px 53px, #172D44 54px 54px, #172D44 55px 55px, #172D44 56px 56px, #172D44 57px 57px, #172D44 58px 58px, #172D44 59px 59px, #172D44 60px 60px, #172D44 61px 61px, #172D44 62px 62px, #172D44 63px 63px, #172D44 64px 64px, #172D44 65px 65px, #172D44 66px 66px, #172D44 67px 67px, #172D44 68px 68px, #172D44 69px 69px, #172D44 70px 70px, #172D44 71px 71px, #172D44 72px 72px, #172D44 73px 73px, #172D44 74px 74px, #172D44 75px 75px, #172D44 76px 76px, #172D44 77px 77px, #172D44 78px 78px, #172D44 79px 79px, #172D44 80px 80px, #172D44 81px 81px, #172D44 82px 82px, #172D44 83px 83px, #172D44 84px 84px, #172D44 85px 85px, #172D44 86px 86px, #172D44 87px 87px, #172D44 88px 88px, #172D44 89px 89px, #172D44 90px 90px, #172D44 91px 91px, #172D44 92px 92px, #172D44 93px 93px, #172D44 94px 94px, #172D44 95px 95px, #172D44 96px 96px, #172D44 97px 97px, #172D44 98px 98px, #172D44 99px 99px, #172D44 100px 100px, #172D44 101px 101px, #172D44 102px 102px, #172D44 103px 103px, #172D44 104px 104px, #172D44 105px 105px, #172D44 106px 106px, #172D44 107px 107px, #172D44 108px 108px, #172D44 109px 109px, #172D44 110px 110px, #172D44 111px 111px, #172D44 112px 112px, #172D44 113px 113px, #172D44 114px 114px, #172D44 115px 115px, #172D44 116px 116px, #172D44 117px 117px, #172D44 118px 118px, #172D44 119px 119px, #172D44 120px 120px, #172D44 121px 121px, #172D44 122px 122px, #172D44 123px 123px, #172D44 124px 124px, #172D44 125px 125px, #172D44 126px 126px, #172D44 127px 127px, #172D44 128px 128px, #172D44 129px 129px, #172D44 130px 130px, #172D44 131px 131px, #172D44 132px 132px, #172D44 133px 133px, #172D44 134px 134px, #172D44 135px 135px, #172D44 136px 136px, #172D44 137px 137px, #172D44 138px 138px, #172D44 139px 139px, #172D44 140px 140px, #172D44 141px 141px, #172D44 142px 142px, #172D44 143px 143px, #172D44 144px 144px, #172D44 145px 145px, #172D44 146px 146px, #172D44 147px 147px, #172D44 148px 148px, #172D44 149px 149px, #172D44 150px 150px } .login .login .copy-right { left: 41%; bottom:-18%; } } @media (max-width:768px){ .login .login .login-form { margin: 16% auto 0; width: 59%; } .login .login .copy-right { left:38%; bottom:-14%; } } @media (max-width:640px){ .login .login-form { margin: 20% auto 0; width: 63%; } .login .copy-right { left:36%; bottom:-18%; } } @media (max-width:480px){ .login .login-form { margin: 32% auto 0; width: 74%; box-shadow: #172D44 1px 1px, #172D44 2px 2px, #172D44 3px 3px, #172D44 4px 4px, #172D44 5px 5px, #172D44 6px 6px, #172D44 7px 7px, #172D44 8px 8px, #172D44 9px 9px, #172D44 10px 10px, #172D44 11px 11px, #172D44 12px 12px, #172D44 13px 13px, #172D44 14px 14px, #172D44 15px 15px, #172D44 16px 16px, #172D44 17px 17px, #172D44 18px 18px, #172D44 19px 19px, #172D44 20px 20px, #172D44 21px 21px, #172D44 22px 22px, #172D44 23px 23px, #172D44 24px 24px, #172D44 25px 25px, #172D44 26px 26px, #172D44 27px 27px, #172D44 28px 28px, #172D44 29px 29px, #172D44 30px 30px, #172D44 31px 31px, #172D44 32px 32px, #172D44 33px 33px, #172D44 34px 34px, #172D44 35px 35px, #172D44 36px 36px, #172D44 37px 37px, #172D44 38px 38px, #172D44 39px 39px, #172D44 40px 40px, #172D44 41px 41px, #172D44 42px 42px, #172D44 43px 43px, #172D44 44px 44px, #172D44 45px 45px, #172D44 46px 46px, #172D44 47px 47px, #172D44 48px 48px, #172D44 49px 49px, #172D44 50px 50px, #172D44 51px 51px, #172D44 52px 52px, #172D44 53px 53px, #172D44 54px 54px, #172D44 55px 55px, #172D44 56px 56px, #172D44 57px 57px, #172D44 58px 58px, #172D44 59px 59px, #172D44 60px 60px, #172D44 61px 61px, #172D44 62px 62px, #172D44 63px 63px, #172D44 64px 64px, #172D44 65px 65px, #172D44 66px 66px, #172D44 67px 67px, #172D44 68px 68px, #172D44 69px 69px, #172D44 70px 70px, #172D44 71px 71px, #172D44 72px 72px, #172D44 73px 73px, #172D44 74px 74px, #172D44 75px 75px, #172D44 76px 76px, #172D44 77px 77px, #172D44 78px 78px, #172D44 79px 79px, #172D44 80px 80px, #172D44 81px 81px, #172D44 82px 82px, #172D44 83px 83px, #172D44 84px 84px, #172D44 85px 85px, #172D44 86px 86px, #172D44 87px 87px, #172D44 88px 88px, #172D44 89px 89px, #172D44 90px 90px, #172D44 91px 91px, #172D44 92px 92px, #172D44 93px 93px, #172D44 94px 94px, #172D44 95px 95px, #172D44 96px 96px, #172D44 97px 97px, #172D44 98px 98px, #172D44 99px 99px, #172D44 100px 100px, #172D44 101px 101px, #172D44 102px 102px, #172D44 103px 103px, #172D44 104px 104px, #172D44 105px 105px, #172D44 106px 106px, #172D44 107px 107px, #172D44 108px 108px, #172D44 109px 109px, #172D44 110px 110px } .login .copy-right { left:30%; bottom:-17%; } .login .main h1 { font-size: 22px; } .login .head img { width: 115px; height: 115px; } .login .head { top: -70px; left: 34%; } .login input[type="text"],.login input[type="password"],.login input[type="submit"] { font-weight: 600; margin-bottom: 4%; } @media (max-width:320px){ .login .login-form { margin:20% auto 0; width: 85%; box-shadow: #172D44 1px 1px, #172D44 2px 2px, #172D44 3px 3px, #172D44 4px 4px, #172D44 5px 5px, #172D44 6px 6px, #172D44 7px 7px, #172D44 8px 8px, #172D44 9px 9px, #172D44 10px 10px, #172D44 11px 11px, #172D44 12px 12px, #172D44 13px 13px, #172D44 14px 14px, #172D44 15px 15px, #172D44 16px 16px, #172D44 17px 17px, #172D44 18px 18px, #172D44 19px 19px, #172D44 20px 20px, #172D44 21px 21px, #172D44 22px 22px, #172D44 23px 23px, #172D44 24px 24px, #172D44 25px 25px, #172D44 26px 26px, #172D44 27px 27px, #172D44 28px 28px, #172D44 29px 29px, #172D44 30px 30px, #172D44 31px 31px, #172D44 32px 32px, #172D44 33px 33px, #172D44 34px 34px, #172D44 35px 35px, #172D44 36px 36px, #172D44 37px 37px, #172D44 38px 38px, #172D44 39px 39px, #172D44 40px 40px, #172D44 41px 41px, #172D44 42px 42px, #172D44 43px 43px, #172D44 44px 44px, #172D44 45px 45px, #172D44 46px 46px, #172D44 47px 47px, #172D44 48px 48px, #172D44 49px 49px, #172D44 50px 50px, #172D44 51px 51px, #172D44 52px 52px, #172D44 53px 53px, #172D44 54px 54px, #172D44 55px 55px, #172D44 56px 56px, #172D44 57px 57px, #172D44 58px 58px, #172D44 59px 59px, #172D44 60px 60px, #172D44 61px 61px, #172D44 62px 62px, #172D44 63px 63px, #172D44 64px 64px, #172D44 65px 65px } .login .main h1 { padding-top: 20%; font-size: 20px; } .login .head img { width: 80px; height: 80px; border: 5px solid rgba(221, 218, 215, 0.23); } .login .head { top: -70px; left: 36%; } .login input[type="text"],.login input[type="email"], input[type="password"],input[type="submit"] { font-weight:600; font-size: 15px; } .login .main form p a { font-size: 15px; } .login input[type="submit"] { padding: 4%; } }