html {
	scroll-behavior: smooth;
}

body {
	
	height: 100vh
}

/* TEXT */

#nohlink {
}

#nohlink a {
    text-decoration:none;
}

.abouttext {
	line-height: 1.2em;
}

.whitetext {
    color: white;
}

.workdivtext {
	margin-top: -1em;
}

.smallhead {
    font-size: 150%;
}
/* LAYOUT */

.topcontainer
{
	display:flex;
}

.bottomcontainer
{
	height: 100%;
}

.linkbutton {
    background-color: #6e5494;
    width: 3.5em;
	height: 3.5em;
	padding: 0.5em 0.5em;
    color: white;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.linkbutton:hover {
	transition-duration: 0.3s;
	background-color: #6cc644;
}

.socialicon {
	margin-top: 1em;
}

.workdiv {
	width: 100%;
    height: 27%;
	margin-top: 2%;
}

.workdiv a {
	text-decoration:none;
}

.workdiv:hover {
	transition-duration: 0.5s;
	background-color:#3D454C;
}

.buttonhead {
    margin-top: 4%;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.frontworkimg {
    height: 40%;
	width: 40%;
}

.scrollbutton {
	display: block;
	width: 4em;
	margin-left: -100%;
}

.scrollbutton:hover {
	transition-duration: 0.2s;
	filter: 
		brightness(150%);
}

.hoverlogo {
	display: block;
	margin-left: 30px;
	width: 50px;
}

.hoverlogo:hover {
	transition-duration: 0.2s;
	filter:
		brightness(150%);
}

.container {
  position: relative;
  text-align: center;
  padding: 1em;
}

.frontpadding {
	padding: 5em;
}

/* BACKGROUND */

.bg1 {
    background-color: #FFFFFF;
}

.bg2 {
    background-color: #212529;
}

.workbg {
    background-color: #31373D;
}

/* SECOND VIEWPORT */

.homescreenbutton {
    transition-duration: 0.5s;
    background-color: #212529;
    border: 2px solid white;
    width: 300px;
    color: white;
    padding: 5px 35px;
    border-radius: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    font-size: 2.5rem;
}

.homescreenbutton:hover {
    width: 320px;
    background-color: #FFFFFF;
    color: #212529;
}

.centerbuttons {
	width: 25em;
	height: 21em;
}

.float{
	position:fixed;
	width:100%;
	height:0px;
	bottom:6em;
}

.logofloat {
	position:fixed;
	width: 0px;
	height: 0px;
	top:30px;
}