:root{
  --primary-col:linear-gradient(to bottom, #4fc5fa 0%,#0f75f5 100%);
  --primary-col-ac:#0f75f5;
  --font: 'Montserrat', sans-serif;;
}

a{
  box-shadow:5px 5px 10px rgba(0,0,0,.2),
    12px 6px 5px rgba(0,0,0,.1)
}

.p-btn{
  margin:10px;
  padding: 5px 20px;
  border-radius:5px;
  background:#fff;
  color:#333230;
  text-decoration:none;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  border:1px solid #cacaca;
  display:inline-block;
  font-size: 17px;
    font-family: var(--font);
}

.p-btn-disabled{
  background:lightgrey;
  color:#555;
  cursor:not-allowed;
}

.p-prim-col{
  background: var(--primary-col);
  border:0px;
  color:#fff;
}

.p-btn.p-prim-col:active{
  background: var(--primary-col-ac);
}

.p-btn-more:after{
  content:'...';
}

.p-btn-help{
  margin:0px;
  padding:5px 10px;
  background:white;
  border-radius:50%;
  color:#0f75f5;
  font-weight:900;
  text-decoration:none;
  border:2px solid #cacaca;
  box-shadow:0px 3px 10px -8px black;
}

.p-btn-scope{
  margin:5px;
  padding: 2px 20px;
  background:#8e8e8e;
  color:#fff;
}

.p-btn-scope-unactive{
  background:transparent;
  color:#212136;
  border-color:transparent;
  transition: border-color .2s;
}

.p-btn-scope-unactive:hover{
  border-color:#cacaca;
}

.p-btn-scope-disabled{
  background:transparent;
  color:#8e8e8e;
  cursor:not-allowed;
}

.p-btn-scope-outline{
  background:transparent;
  color:#212136;
}
.p-btn-round{
	border-radius: 50px;
	border: 0px;
	padding: 10px 30px;
}

.p-btn-article{
  margin:5px;
  padding: 5px 20px;
  border-radius:50px;
  text-decoration:none;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  border:2px solid #1d2029;
  display:inline-block;
  font-size: 17px;
  font-family: var(--font);
  background: #1d2029;
  color: #fff;
  transition: all .5s;
}

.does-it-look-cool{
  transform-style:preserve-3d;
  perspective:1000px;
  width:100%;
  height:100%;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:scale(9);
}

body{
    overflow:hidden;
  background: linear-gradient( to top, hsl(176,59%,51%)0%, hsl(201,59%,51%) 100%);
  height:100vh;
}