/* FaceApp*/ p { margin-bottom: 30px; } .img { font-family: Belgika; font-size: 20pt; margin-left: calc(10vw + 5px); } .image { height: 10vh; margin-top: 30px; cursor: pointer; } .img_clicked { height: calc(20vw); margin-top: 30px; } .t_img { font-family: Belgika; font-size: 20pt; margin-right: calc(10vw + 5px); } .t_image { height: 10vh; margin-top: 30px; cursor: pointer; } .t_img_clicked { height: calc(20vw); margin-top: 30px; } .info { font-family: belgika-16th; font-size: 8pt; width: calc(30vw); float: left; margin-top: 30px; margin-left: calc(10vw + 5px); column-count: 2; } .t_info { font-family: belgika-16th; font-size: 8pt; width: calc(30vw); float: left; margin-top: 30px; margin-right: calc(10vw + 5px); column-count: 2; } .paragraph { width: 75%; padding: 10px; margin-top: 70px; float: right; } .t_paragraph { width: 75%; padding: 10px; margin-top: 70px; float: left; } .top_words { background-color: black; width: 10%; height: 100%; left: 0; font-family: Belgika; font-weight: 16th; font-size: 7.5pt; color: white; letter-spacing: 0.5px; line-height: 1; position: fixed; } .top_words_title { # background-color: yellow; margin: 40px 10px 10px 10px; width: 80%; } .chosen_words { # background-color: pink; padding: 10px 1px 1px 10px; } .chosen_words:hover { background-color: white; color: red; } .t_top_words { background-color: black; width: 10%; height: 100%; font-family: Belgika-16th; font-size: 7.5pt; color: white; letter-spacing: 0.5px; line-height: 1; position: fixed; float: right; right: 0; top: 0; } .t_top_words_title { margin: 40px 10px 10px 10px; width: 80%; } .t_chosen_words { padding: 10px 1px 1px 10px; } .t_chosen_words:hover { background-color: white; color: red; } .hide { # color: white; background-color: black; } .TO:hover, .DT:hover, .IN:hover, .WDT:hover, .WP:hover, .MD:hover, .PRP:hover, .CC:hover, .marks:hover, .comma:hover, .dot:hover { background-color: black; } .adjective { color: white; background-color: blue; } .JJ:hover { color: white; background-color: blue; } .noun { background-color: springgreen; } .NN:hover, .NNS:hover { background-color: springgreen; } .verb { background-color: yellow; # color: yellow; } .VB:hover, .VBZ:hover, .VBN:hover, .VVD:hover { background-color: yellow; } .propernoun { background-color: pink; } .NNP:hover, .NNPS:hover { background-color: pink; } .adverb { background-color: lightgreen; # color: lightgreen; } .RB:hover, .RBR:hover, .JJR:hover, .RBS:hover { background-color: lightgreen; } .highlight { background-color: yellow; }